/*------------------------------------------------------------------

[CSS styles]

Author: Codericks

-------------------------------------------------------------------*/





/*@import url(../../assets/vendor_components/material-design-iconic-font/css/materialdesignicons.css);

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');*/

/*------------------------------------------------------------------



[Typography]



Body : Open Sans, sans-serif;

-------------------------------------------------------------------*/



/*Body, layout*/



@font-face {

  font-family: arial-mt-bold;

  src: url(font/arial-mt-bold.otf);

  font-weight: bold;

}



.layout-boxed body, .layout-boxed html, .wrapper, body, html {

    height: 100%

}



.black-css  {

  background-color: #001f3f;

}

.white  {

  color: white!important;

  text-align: center;

}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;

	line-height: 1.5;

	text-shadow: none; 

}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {

    font-size: 65%;

}

strong{

    font-weight: 700;

}

.btn.uppercase, .fc th.fc-widget-header, .fc-toolbar h2, .info-box-text, .flex-column>li.header {

    text-transform: uppercase;

}

.box-body:after, .box-footer:after, .box-header:after, .chat .item:after, .chat .item>.attachment:after, .contacts-list>li:after, .control-sidebar-menu>li>a:after, .direct-chat-msg:after, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after, .navbar-nav>.user-menu>.dropdown-menu>.user-body:after, .navbar-nav>.user-menu>.dropdown-menu>.user-footer:after, .products-list>.item:after, .timeline>li:after, .user-block:after, .user-panel:after, .wrapper:after {

    clear: both;

}

.m-auto{

    margin: 0 auto !important;

}

body {

    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;

    font-weight: 500;

    line-height: 1.5;

	font-size: 15px;

	color: #222;

    height: 100vh !important;

}

h1, h2, h3, h4, h5, h6 {

    color: #444;

    font-weight: 600;

}

h4, .h4, h5, .h5, h6, .h6 {

    margin-bottom: 10px;

}

h1 {

  line-height: 40px;

  font-size: 36px; }



h2 {

  line-height: 36px;

  font-size: 24px; }



h3 {

  line-height: 30px;

  font-size: 21px; }



h4 {

  line-height: 22px;

  font-size: 18px; }



h5 {

  line-height: 18px;

  font-size: 16px;

  font-weight: 600; }



h6 {

  line-height: 16px;

  font-size: 14px;

  font-weight: 500; }

time {

    font-size: 12px;

    color: #929daf;

}

img {

    max-width: 100%;

}

p{

    font-size: 14px;

}



.inv-width{

    width: 20%;

}

.img-fluid{

	width: 100%;

}

.circle {

    border-radius: 50% !important;

}

.wrapper {

    position: relative;

}

.fixed .wrapper, .main-header .logo, .user-panel {

    overflow: hidden;

}

.wrapper:after, .wrapper:before {

    content: " ";

    display: table;

}

.layout-boxed .wrapper {

    max-width: 1250px;

    margin: 0 auto;

    min-height: 100%;

    box-shadow: 0 0 8px rgba(0, 0, 0, .5);

    position: relative;

}

.layout-boxed {

    background: url(../../images//boxed-bg.png) fixed;

}

.content-wrapper, .main-footer {

    -webkit-transition: -webkit-transform .3s ease-in-out, margin .3s ease-in-out;

    -moz-transition: -moz-transform .3s ease-in-out, margin .3s ease-in-out;

    -o-transition: -o-transform .3s ease-in-out, margin .3s ease-in-out;

    transition: transform .3s ease-in-out, margin .3s ease-in-out;

    margin-left: 300px;

    margin-right: 30px;

    z-index: 820;

}

.layout-top-nav .content-wrapper, .layout-top-nav .main-footer {

    margin-left: 0;

}

@media (min-width:768px) {



.hidden-md{

    display: none !important;

}

.sidebar-collapse .content-wrapper, .sidebar-collapse .main-footer {

    margin-left: 0;

}

}

.content-wrapper {

    min-height: 100%;

    z-index: 800;

    margin-top: -55px;

}

.main-footer {

    background: transparent;

    padding: 15px;

    color: #455a64;

}

.main-footer .nav{

	margin-top: -10px;

}

.fixed .left-side, .fixed .main-header, .fixed .main-sidebar {

    position: fixed;

}

.fixed .main-header {

    top: 0;

    right: 0;

    left: 0;

}

.fixed .content-wrapper, .fixed .right-side {

    padding-top: 50px;

}





@media (max-width: 991px){

    .table-responsive {

        display: block;

        width: 100%;

        min-height: 400px;

        overflow-x: auto;

        -ms-overflow-style: -ms-autohiding-scrollbar;

    }

}



/*mobile layout*/

@media (max-width:767px) {

.hidden-xs{

    display: none !important;

}



.ws-180{

    width: 180px !important;

}



.ws-100{

    width: 100px !important;

}



#floating-container {

    bottom: -17px !important;

    right: 0 !important;

}



.pull-right.d-none.d-sm-inline-block{

    display: block !important;

}

.circle1 {

    width: 50px !important;

    height: 50px !important;

}

.panel-title.inv {

    font-size: 13px !important;

}

h2 {

    line-height: 36px;

    font-size: 18px !important;

}

.delete {

    top: -30px !important;

}

.inv_4_head {

    width: 65% !important;

}

.inv-top-btn {

    float: left;

}



.content-wrapper, .main-footer {

    margin-left: 0px;

    margin-top: 8px;

}

.btn-group.mr-5 button.btn {

    padding: 4px 12px !important;

}



.col-md-8.col-xs-12.text-right a {

    float: left;

    padding: 4px 8px !important;

}

.col-sm-6 {

  max-width: 100%!important;

}



.inv-width{

    width: 50%;

}

/*.exh {

    margin-top: 115px;

}*/



ul.nav.nav-tabs.custab li a {

    font-size: 11px;

    font-weight: bold;

    padding: 10px 9px;

}



.alert.alert-warning {

    margin-top: 70px;

}



.row.bill_area {

    padding: 10px 10px;

}



.card-body {

    overflow: hidden;

}



.row.cus {

    display: block;

    margin-top: 70px;

}



/*.row {

    display: block;

}*/





.main-footer {

    margin-left: 0px;

}



.content-wrapper {

    margin: 15px !important;

    width: 90% !important;

}

.sidebar-open .content-wrapper, .sidebar-open .main-footer {

    -webkit-transform: translate(230px, 0);

    -ms-transform: translate(230px, 0);

    -o-transform: translate(230px, 0);

    transform: translate(230px, 0);

}

.fixed .content-wrapper, .fixed .right-side {

    padding-top: 100px;

}

}.fixed.layout-boxed .wrapper {

    max-width: 100%}

.hold-transition .content-wrapper, .hold-transition .left-side, .hold-transition .main-footer, .hold-transition .main-header .logo, .hold-transition .main-header .navbar, .hold-transition .main-sidebar, .hold-transition .menu-open .fa-angle-left, .hold-transition .right-side {

    -webkit-transition: none;

    -o-transition: none;

    transition: none;

}

.content {

    min-height: 250px;

    padding-top: 20px;

    margin-right: auto;

    margin-left: auto;

}



a {

    color: #1054B6;

}

a:active, a:focus, a:hover {

    outline: 0;

    text-decoration: none;

    color: #2568ef;

}



.zoomIn {

  -webkit-animation: zoomIn 1s !important; /* Safari 4+ */

  -moz-animation:    zoomIn 1s !important; /* Fx 5+ */

  -o-animation:      zoomIn 1s !important; /* Opera 12+ */

  animation:         zoomIn 1s !important; /* IE 10+, Fx 29+ */

}





.fi {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.ico-wrap i.fi {

    margin-left: -18px;

}





/*Header*/

.page-header {

    margin: 10px 0 20px;

	padding-bottom: 9px;

    border-bottom: 1px solid #eee;

}

.page-header>small {

    color: #67757c;

    display: block;

    margin-top: 5px;

}

.main-header {

    position: relative;

    max-height: 120px;

    z-index: 1030;

    width: 20%;

}

.main-header .navbar {

    -webkit-transition: margin-left .3s ease-in-out;

    -o-transition: margin-left .3s ease-in-out;

    transition: margin-left .3s ease-in-out;

    margin-bottom: 0;

    margin-left: 230px;

    border: none;

    min-height: 20px;

    border-radius: 0;

	padding: 0;

}

.layout-top-nav .main-header .navbar {

    margin-left: 0;

}

.main-header #navbar-search-input.form-control {

    background: rgba(255, 255, 255, .2);

    border-color: transparent;

}

.main-header #navbar-search-input.form-control:active, .main-header #navbar-search-input.form-control:focus {

    border-color: rgba(0, 0, 0, .1);

    background: rgba(255, 255, 255, .9);

}

.main-header #navbar-search-input.form-control::-moz-placeholder {

    color: #ccc;

    opacity: 1;

}

.main-header #navbar-search-input.form-control:-ms-input-placeholder {

    color: #ccc;

}

.main-header #navbar-search-input.form-control::-webkit-input-placeholder {

    color: #ccc;

}

.main-header .navbar-custom-menu, .main-header .navbar-right {

    float: right;

}



@media (max-width:767px) {

    .main-header .navbar-right {

    float: none;

}

.navbar-collapse .main-header .navbar-right {

    margin: 7.5px -15px;

}

.main-header .navbar-right>li {

    color: inherit;

    border: 0;

}

}.main-header .navbar-brand, .main-header .sidebar-toggle:hover {

    color: #fff;

}

.main-header .sidebar-toggle {

    float: left;

    background-color: transparent;

    background-image: none;

    padding: 20px;

    font-family: fontAwesome;

}

.main-header .sidebar-toggle:before {

    content: "\f0c9"}

.main-header .sidebar-toggle:active, .main-header .sidebar-toggle:focus {

    background: 0 0;

}

.main-header .sidebar-toggle .icon-bar {

    display: none;

}

.main-header .navbar .nav>li.user>a>.fa, .main-header .navbar .nav>li.user>a>.glyphicon, .main-header .navbar .nav>li.user>a>.ion {

    margin-right: 5px;

}

.main-header .navbar .nav>li>a>.label {

    position: absolute;

    top: 9px;

    margin-left: 7px;

    text-align: center;

    font-size: 8px;

    padding: 2px 3px;

    line-height: 12px;

    width: 15px;

    height: 15px;

    border-radius: 0;

    font-weight: 500;

	display: grid;

}





























.search-box .app-search {

    position: relative;

    margin: 0px;

    display: block;

    z-index: 110;

    width: 100%;

    top: -50px;

    left: 0px;

}

.search-box .app-search input {

    width: 100.5%;

    padding: 20px 40px 20px 20px;

    border-radius: 50px;

    font-size: 14px;

    -webkit-transition: 0.5s ease-in;

    -o-transition: 0.5s ease-in;

    transition: 0.5s ease-in;

    border: none;

}

.search-box .app-search .srh-btn {

    position: absolute;

    top: 11px;

    cursor: pointer;

    background: #ffffff;

    width: 15px;

    height: 15px;

    right: 20px;

    font-size: 14px;

}

body .main-header .navbar .nav > li.search-box > a:hover, body .main-header .navbar .nav > li.search-box > a:focus{

	background: none;

}

.main-header .messages-menu .dropdown-toggle i::after, .main-header .notifications-menu .dropdown-toggle i::after, .main-header .tasks-menu .dropdown-toggle i::after {

    content: '';

    position: absolute;

    top: 13px;

    right: 10px;

    display: inline-block;

    width: 10px;

    height: 10px;

    border-radius: 100%;

    border: 2px solid;

    background-color: #fc4b6c;

}

@media (max-width:991px) {

.main-header .messages-menu .dropdown-toggle i::after, .main-header .notifications-menu .dropdown-toggle i::after, .main-header .tasks-menu .dropdown-toggle i::after {

    right: auto;

}

}

.dropdown-menu {

    margin-top: 8px;

    box-shadow: none;

    border-color: #eee;

}

.dropdown-menu.scale-up {

    box-shadow: 0 3px 12px rgba(0, 0, 0, .05);

    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .05);

    -moz-box-shadow: 0 3px 12px rgba(0, 0, 0, .05);

    border-color: rgba(120, 130, 140, .13);	

    display: inline-block;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    -webkit-transform: scale(0);

    transform: scale(0);

    transform-origin: right 0;	

}

.show>.dropdown-menu.scale-up {

    transform: scale(1);

    -webkit-transform: scale(1);

    transform-origin: left 0;

    -webkit-transform-origin: left 0;

}

.dropdown-menu>li>a {

    color: #000;

}

.dropdown-menu>li>a>.fa, .dropdown-menu>li>a>.glyphicon, .dropdown-menu>li>a>.ion {

    margin-right: 10px;

}

.dropdown-menu>li>a:hover {

    color: #2568ef;

}

.dropdown-menu>.divider {

    background-color: #eee;

}

.navbar-nav>.messages-menu>.dropdown-menu, .navbar-nav>.notifications-menu>.dropdown-menu, .navbar-nav>.tasks-menu>.dropdown-menu {

    width: 280px;

    padding: 0;

    margin: 0;

    top: 100%}

.navbar-nav>.messages-menu>.dropdown-menu>li, .navbar-nav>.notifications-menu>.dropdown-menu>li, .navbar-nav>.tasks-menu>.dropdown-menu>li {

    position: relative;

}

.navbar-nav>.messages-menu>.dropdown-menu>li.header, .navbar-nav>.notifications-menu>.dropdown-menu>li.header, .navbar-nav>.tasks-menu>.dropdown-menu>li.header {

    background-color: #fff;

    padding: 15px;

    border-bottom: 1px solid #f4f4f4;

    color: #455a64;

    font-size: 14px;

    border-radius: 4px 4px 0 0;

}

.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a, .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a, .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {

    font-size: 14px;

    background-color: #fff;

    padding: 15px 10px;

    color: rgba(0, 0, 0, .5);

    text-align: center;

    border-top: 1px solid rgba(0, 0, 0, .1);

    border-radius: 0 0 4px 4px;

	line-height: 20px;

	display: block;

}

@media (max-width:991px) {

    .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a, .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a, .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {

    background: #fff;

    color: #444 !important;

}

}.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover, .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover, .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover {

    text-decoration: none;

    font-weight: 500;

}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu, .navbar-nav>.notifications-menu>.dropdown-menu>li .menu, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu {

    max-height: 200px;

    margin: 0;

    padding: 0;

    list-style: none;

    overflow-x: hidden;

}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {

    display: block;

    white-space: nowrap;

    border-bottom: 1px solid #f4f4f4;

}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover, .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover {

    background: #f4f4f4;

    text-decoration: none;

}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {

    color: #455a64;

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 10px;

}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa, .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon, .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion {

    width: 20px;

}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a {

    margin: 0;

    padding: 15px;

}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img {

    margin: auto 10px auto auto;

    width: 40px;

    height: 40px;

}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4 {

    padding: 0;

    margin: 0 0 0 45px;

    color: #455a64;

    font-size: 15px;

    position: relative;

}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small {

    color: #67757c;

    font-size: 10px;

    position: absolute;

    top: 0;

    right: 0;

}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p {

    margin: 0 0 0 45px;

    font-size: 12px;

    color: #888;

}

.mail-contnet {

    display: inline-block;

    width: 75%;

    vertical-align: middle;

    overflow: hidden;

}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>h4 {

    padding: 0;

    margin: 0;

    color: #455a64;

    font-size: 15px;

    position: relative;

    font-weight: 500;

}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>h4>small {

    color: #67757c;

    font-size: 10px;

    position: absolute;

    top: 0;

    right: 0;

}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>span {

    margin: 5px 0 0;

    font-size: 10px;

    color: #888;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: list-item;

}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before {

    content: " ";

    display: table;

}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {

    padding: 10px;

}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3 {

    font-size: 14px;

    padding: 0;

    margin: 0 0 10px;

    color: #67757c;

}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress {

    padding: 0;

    margin: 0;

}

.navbar-nav>.user-menu>.dropdown-menu {

    border-top-right-radius: 0;

    border-top-left-radius: 0;

    padding: 0px;

    border-top-width: 0;

    width: auto;

	max-width: 280px;

}

.navbar-nav>.user-menu>.dropdown-menu, .navbar-nav>.user-menu>.dropdown-menu>.user-body {

    border-bottom-right-radius: 4px;

    border-bottom-left-radius: 4px;

}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {

    height: 60px;

    padding: 0 10px;

    text-align: center;

}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {

    z-index: 5;

    height: 50px;

    border: 3px solid transparent;

    border-color: rgba(255, 255, 255, .2);

}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {

    z-index: 5;

    color: #67757c;

    font-size: 17px;

    margin-top: 0px;

	    text-align: left;

    padding-left: 70px;

}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small {

    display: block;

    font-size: 12px;

}

.navbar-nav>.user-menu>.dropdown-menu>.user-body:after, .navbar-nav>.user-menu>.dropdown-menu>.user-body:before, .navbar-nav>.user-menu>.dropdown-menu>.user-footer:after, .navbar-nav>.user-menu>.dropdown-menu>.user-footer:before {

    content: " ";

    display: table;

}

.navbar-nav>.user-menu>.dropdown-menu>.user-body {

    padding: 0px;

    border-bottom: 1px solid #f4f4f4;

    border-top: 1px solid #ddd;

}

.navbar-nav>.user-menu>.dropdown-menu>.user-body a {

    padding: 9px 10px;

    display: block;

    color: #67757c;

	font-size: 14px;

}

.navbar-nav>.user-menu>.dropdown-menu>.user-body a i {

    margin-right: 10px;

}

.navbar-nav>.user-menu>.dropdown-menu>.user-body a:hover {

    background-color: rgba(0,0,0,0.1)

}

.navbar-nav>.user-menu>.dropdown-menu>.user-body .divider {

    height: 1px;

    margin: 9px 0;

    overflow: hidden;

    background-color: rgba(120, 130, 140, 0.13);

}

@media (max-width:991px) {

    .navbar-nav>.user-menu>.dropdown-menu>.user-body a {

    background: #fff;

    color: #455a64;

}

}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {

    padding: 10px 10px 0;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {

    color: #67757c;

}

.navbar-nav>.user-menu .user-image {

    width: 30px;

    height: 30px;

    margin-top: 0px;

}

@media (max-width:767px) {

    .navbar-nav>.user-menu .user-image {

    float: none;

    margin-right: 0;

    margin-top: 0px;

    line-height: 10px;

}

}.show:not(.dropup)>.animated-dropdown-menu {

    backface-visibility: visible!important;

    -webkit-animation: flipInX .7s both;

    -o-animation: flipInX .7s both;

    animation: flipInX .7s both;

}

@keyframes flipInX {

    0% {

    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    transition-timing-function: ease-in;

    opacity: 0;

}

40% {

    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    transition-timing-function: ease-in;

}

60% {

    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1;

}

80% {

    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

}

100% {

    transform: perspective(400px);

}

}@-webkit-keyframes flipInX {

    0% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

    -webkit-transition-timing-function: ease-in;

    opacity: 0;

}

40% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

    -webkit-transition-timing-function: ease-in;

}

60% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

    opacity: 1;

}

80% {

    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

}

100% {

    -webkit-transform: perspective(400px);

}

}

.navbar-custom-menu>.navbar-nav>li {

    position: relative;

}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {

    position: absolute;

    right: 0;

    left: auto;

     min-width: 225px;

}

@media (max-width:991px) {

    .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover {

    background-color: #f9f9f9;

}

.navbar-custom-menu>.navbar-nav {

    float: right;

}

.navbar-custom-menu>.navbar-nav>li {

    position: static;

}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {

    position: absolute;

    right: 5%;

    left: auto;

    border: 1px solid #ddd;

    background: #fff;

}

}



.input-group .form-control {

    position: relative;

    z-index: 2;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

    width: 1%;

    margin-bottom: 0;

    font-weight: 500;

    color: #181818;

}

/*form-element*/

.form-element .form-control {

    color: #67757c;

    min-height: 38px;

    display: initial;

    -webkit-background-clip: padding-box;

    background-color: transparent;

    background-position: center bottom, center calc(100% - 1px);

    background-repeat: no-repeat;

    background-size: 0 2px, 100% 1px;

    padding: 0;

    -webkit-transition: background 0s ease-out 0s;

    -o-transition: background 0s ease-out 0s;

    transition: background 0s ease-out 0s;

}

.form-element .form-control, .form-element .form-control:focus {

    background-image: -webkit-gradient(linear, left top, left bottom, from(#398bf7), to(#398bf7)), -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#d9d9d9));

    background-image: -webkit-linear-gradient(#398bf7 , #398bf7), -webkit-linear-gradient(#d9d9d9, #d9d9d9);

    background-image: -o-linear-gradient(#398bf7 , #398bf7), -o-linear-gradient(#d9d9d9, #d9d9d9);

    background-image: linear-gradient(#398bf7 , #398bf7), linear-gradient(#d9d9d9, #d9d9d9);

    border: 0;

    border-radius: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    float: none;

}

.form-element .form-control.focus, .form-element .form-control:focus {

    background-size: 100% 2px, 100% 1px;

    outline: 0;

    -webkit-transition-duration: .3s;

    -o-transition-duration: .3s;

    transition-duration: .3s;

}

@-webkit-keyframes ripple {

    0% {

    -webkit-box-shadow: 0 0 0 1px transparent;

    box-shadow: 0 0 0 1px transparent;

}

50% {

    -webkit-box-shadow: 0 0 0 15px rgba(0, 0, 0, .1);

    box-shadow: 0 0 0 15px rgba(0, 0, 0, .1);

}

100% {

    -webkit-box-shadow: 0 0 0 15px transparent;

    box-shadow: 0 0 0 15px transparent;

}

}@keyframes ripple {

    0% {

    -webkit-box-shadow: 0 0 0 1px transparent;

    box-shadow: 0 0 0 1px transparent;

}

50% {

    -webkit-box-shadow: 0 0 0 15px rgba(0, 0, 0, .1);

    box-shadow: 0 0 0 15px rgba(0, 0, 0, .1);

}

100% {

    -webkit-box-shadow: 0 0 0 15px transparent;

    box-shadow: 0 0 0 15px transparent;

}

}.bootstrap-select.btn-group .dropdown-menu {

    margin-top: -40px;

    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);

    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);

}

.demo-checkbox label, .demo-radio-button label {

    min-width: 200px;

    margin-bottom: 20px;

}

.demo-swtich .demo-switch-title, .demo-swtich .switch {

    width: 150px;

    margin-bottom: 10px;

    display: inline-block;

}

[type=checkbox]:checked.chk-col-red+label:before {

    border-right: 2px solid #fc4b6c;

    border-bottom: 2px solid #fc4b6c;

}

[type=checkbox]:checked.chk-col-purple+label:before {

    border-right: 2px solid #7c277d;

    border-bottom: 2px solid #7c277d;

}

[type=checkbox]:checked.chk-col-deep-purple+label:before {

    border-right: 2px solid #664ce1;

    border-bottom: 2px solid #664ce1;

}

[type=checkbox]:checked.chk-col-blue+label:before {

    border-right: 2px solid #398bf7;

    border-bottom: 2px solid #398bf7;

}

[type=checkbox]:checked.chk-col-light-blue+label:before {

    border-right: 2px solid #398bf7;

    border-bottom: 2px solid #398bf7;

}

[type=checkbox]:checked.chk-col-teal+label:before {

    border-right: 2px solid #39CCCC;

    border-bottom: 2px solid #39CCCC;

}

[type=checkbox]:checked.chk-col-green+label:before {

    border-right: 2px solid #26c6da;

    border-bottom: 2px solid #26c6da;

}

[type=checkbox]:checked.chk-col-yellow+label:before {

    border-right: 2px solid #ffb22b;

    border-bottom: 2px solid #ffb22b;

}

[type=checkbox]:checked.chk-col-orange+label:before {

    border-right: 2px solid #f7941d;

    border-bottom: 2px solid #f7941d;

}

[type=checkbox]:checked.chk-col-deep-orange+label:before {

    border-right: 2px solid #df8214;

    border-bottom: 2px solid #df8214;

}

[type=checkbox]:checked.chk-col-maroon+label:before {

    border-right: 2px solid #8C1919;

    border-bottom: 2px solid #8C1919;

}

[type=checkbox]:checked.chk-col-grey+label:before {

    border-right: 2px solid #d2d6de;

    border-bottom: 2px solid #d2d6de;

}

[type=checkbox]:checked.chk-col-navy+label:before {

    border-right: 2px solid #001F3F;

    border-bottom: 2px solid #001F3F;

}

[type=checkbox]:checked.chk-col-black+label:before {

    border-right: 2px solid #000;

    border-bottom: 2px solid #000;

}

[type=checkbox]:checked.chk-col-white+label:before {

    border-right: 2px solid #fff;

    border-bottom: 2px solid #fff;

}

[type=checkbox].filled-in:checked+label:before {

    border-right: 2px solid #fff!important;

    border-bottom: 2px solid #fff!important;

}

[type=checkbox].filled-in:checked.chk-col-red+label:after {

    border: 2px solid #fc4b6c;

    background-color: #fc4b6c;

}

[type=checkbox].filled-in:checked.chk-col-purple+label:after {

    border: 2px solid #7c277d;

    background-color: #7c277d;

}

[type=checkbox].filled-in:checked.chk-col-deep-purple+label:after {

    border: 2px solid #664ce1;

    background-color: #664ce1;

}

[type=checkbox].filled-in:checked.chk-col-blue+label:after {

    border: 2px solid #398bf7;

    background-color: #398bf7;

}

[type=checkbox].filled-in:checked.chk-col-light-blue+label:after {

    border: 2px solid #398bf7;

    background-color: #398bf7;

}

[type=checkbox].filled-in:checked.chk-col-teal+label:after {

    border: 2px solid #39CCCC;

    background-color: #39CCCC;

}

[type=checkbox].filled-in:checked.chk-col-green+label:after {

    border: 2px solid #26c6da;

    background-color: #26c6da;

}

[type=checkbox].filled-in:checked.chk-col-yellow+label:after {

    border: 2px solid #ffb22b;

    background-color: #ffb22b;

}

[type=checkbox].filled-in:checked.chk-col-orange+label:after {

    border: 2px solid #f7941d;

    background-color: #f7941d;

}

[type=checkbox].filled-in:checked.chk-col-deep-orange+label:after {

    border: 2px solid #df8214;

    background-color: #df8214;

}

[type=checkbox].filled-in:checked.chk-col-maroon+label:after {

    border: 2px solid #8C1919;

    background-color: #8C1919;

}

[type=checkbox].filled-in:checked.chk-col-grey+label:after {

    border: 2px solid #d2d6de;

    background-color: #d2d6de;

}

[type=checkbox].filled-in:checked.chk-col-navy+label:after {

    border: 2px solid #001F3F;

    background-color: #001F3F;

}

[type=checkbox].filled-in:checked.chk-col-black+label:after {

    border: 2px solid #000;

    background-color: #000;

}

[type=checkbox].filled-in:checked.chk-col-white+label:after {

    border: 2px solid #fff;

    background-color: #fff;

}

[type=radio].radio-col-red:checked+label:after {

    background-color: #fc4b6c;

    border-color: #fc4b6c;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].radio-col-purple:checked+label:after {

    background-color: #7c277d;

    border-color: #7c277d;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].radio-col-deep-purple:checked+label:after {

    background-color: #664ce1;

    border-color: #664ce1;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].radio-col-blue:checked+label:after {

    background-color: #398bf7;

    border-color: #398bf7;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].radio-col-light-blue:checked+label:after {

    background-color: #398bf7;

    border-color: #398bf7;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].radio-col-teal:checked+label:after {

    background-color: #39CCCC;

    border-color: #39CCCC;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].radio-col-green:checked+label:after {

    background-color: #26c6da;

    border-color: #26c6da;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].radio-col-yellow:checked+label:after {

    background-color: #ffb22b;

    border-color: #ffb22b;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].radio-col-orange:checked+label:after {

    background-color: #f7941d;

    border-color: #f7941d;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].radio-col-deep-orange:checked+label:after {

    background-color: #df8214;

    border-color: #df8214;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].radio-col-maroon:checked+label:after {

    background-color: #8C1919;

    border-color: #8C1919;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].radio-col-grey:checked+label:after {

    background-color: #d2d6de;

    border-color: #d2d6de;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].radio-col-navy:checked+label:after {

    background-color: #001F3F;

    border-color: #001F3F;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].radio-col-black:checked+label:after {

    background-color: #000;

    border-color: #000;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].radio-col-white:checked+label:after {

    background-color: #fff;

    border-color: #fff;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-red:checked+label:before {

    border: 2px solid #fc4b6c;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-red:checked+label:after {

    background-color: #fc4b6c;

    border: 2px solid #fc4b6c;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-purple:checked+label:before {

    border: 2px solid #7c277d;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-purple:checked+label:after {

    background-color: #7c277d;

    border: 2px solid #7c277d;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-deep-purple:checked+label:before {

    border: 2px solid #664ce1;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-deep-purple:checked+label:after {

    background-color: #664ce1;

    border: 2px solid #664ce1;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-blue:checked+label:before {

    border: 2px solid #398bf7;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-blue:checked+label:after {

    background-color: #398bf7;

    border: 2px solid #398bf7;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-light-blue:checked+label:before {

    border: 2px solid #398bf7;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-light-blue:checked+label:after {

    background-color: #398bf7;

    border: 2px solid #398bf7;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-teal:checked+label:before {

    border: 2px solid #39CCCC;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-teal:checked+label:after {

    background-color: #39CCCC;

    border: 2px solid #39CCCC;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-green:checked+label:before {

    border: 2px solid #26c6da;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-green:checked+label:after {

    background-color: #26c6da;

    border: 2px solid #26c6da;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-yellow:checked+label:before {

    border: 2px solid #ffb22b;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-yellow:checked+label:after {

    background-color: #ffb22b;

    border: 2px solid #ffb22b;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-orange:checked+label:before {

    border: 2px solid #f7941d;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-orange:checked+label:after {

    background-color: #f7941d;

    border: 2px solid #f7941d;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-deep-orange:checked+label:before {

    border: 2px solid #df8214;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-deep-orange:checked+label:after {

    background-color: #df8214;

    border: 2px solid #df8214;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-maroon:checked+label:before {

    border: 2px solid #8C1919;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-maroon:checked+label:after {

    background-color: #8C1919;

    border: 2px solid #8C1919;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-grey:checked+label:before {

    border: 2px solid #d2d6de;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-grey:checked+label:after {

    background-color: #d2d6de;

    border: 2px solid #d2d6de;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-navy:checked+label:before {

    border: 2px solid #001F3F;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-navy:checked+label:after {

    background-color: #001F3F;

    border: 2px solid #001F3F;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-black:checked+label:before {

    border: 2px solid #000;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-black:checked+label:after {

    background-color: #000;

    border: 2px solid #000;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-white:checked+label:before {

    border: 2px solid #fff;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap.radio-col-white:checked+label:after {

    background-color: #fff;

    border: 2px solid #fff;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=checkbox]:checked, [type=checkbox]:not(:checked) {

    position: absolute;

    left: 0px;

    opacity: 0;

}

[type=checkbox]+label {

    font-weight: 500;

    position: relative;

    padding-left: 35px;

    cursor: pointer;

    display: inline-block;

    height: 25px;

    line-height: 25px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -khtml-user-select: none;

    -ms-user-select: none;

}

[type=checkbox]+label:before, [type=checkbox]:not(.filled-in)+label:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 18px;

    height: 18px;

    z-index: 0;

    border: 2px solid #5a5a5a;

    border-radius: 1px;

    margin-top: 2px;

    -webkit-transition: .2s;

    -o-transition: .2s;

    transition: .2s;

}

[type=checkbox]:not(.filled-in)+label:after {

    border: 0;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

}

[type=checkbox]:not(:checked):disabled+label:before {

    border: none;

    background-color: rgba(0, 0, 0, .26);

}

[type=checkbox].tabbed:focus+label:after {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    border: 0;

    border-radius: 50%;

    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);

    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);

    background-color: rgba(0, 0, 0, .1);

}

[type=checkbox]:checked+label:before {

    top: -4px;

    left: -5px;

    width: 12px;

    height: 22px;

    border-top: 2px solid transparent;

    border-left: 2px solid transparent;

    border-right: 2px solid #398bf7;

    border-bottom: 2px solid #398bf7;

    -webkit-transform: rotate(40deg);

    -ms-transform: rotate(40deg);

    transform: rotate(40deg);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-origin: 100% 100%;

    -ms-transform-origin: 100% 100%;

    transform-origin: 100% 100%}

[type=checkbox]:checked:disabled+label:before {

    border-right: 2px solid rgba(0, 0, 0, .26);

    border-bottom: 2px solid rgba(0, 0, 0, .26);

}

[type=checkbox]:indeterminate+label:before {

    top: -11px;

    left: -12px;

    width: 10px;

    height: 22px;

    border-top: none;

    border-left: none;

    border-right: 2px solid #26a69a;

    border-bottom: none;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform-origin: 100% 100%;

    -ms-transform-origin: 100% 100%;

    transform-origin: 100% 100%}

[type=checkbox]:indeterminate:disabled+label:before {

    border-right: 2px solid rgba(0, 0, 0, .26);

    background-color: transparent;

}

[type=checkbox].filled-in+label:after {

    border-radius: 2px;

}

[type=checkbox].filled-in+label:after, [type=checkbox].filled-in+label:before {

    content: '';

    left: 0;

    position: absolute;

    -webkit-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;

    -o-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;

    transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;

    z-index: 1;

}

[type=checkbox].filled-in:not(:checked)+label:before {

    width: 0;

    height: 0;

    border: 3px solid transparent;

    left: 6px;

    top: 10px;

    -webkit-transform: rotateZ(37deg);

    -ms-transform: rotate(37deg);

    transform: rotateZ(37deg);

    -webkit-transform-origin: 20% 40%;

    -ms-transform-origin: 100% 100%;

    transform-origin: 100% 100%}

[type=checkbox].filled-in:not(:checked)+label:after {

    height: 20px;

    width: 20px;

    background-color: transparent;

    border: 2px solid #5a5a5a;

    top: 0;

    z-index: 0;

}

[type=checkbox].filled-in:checked+label:before {

    top: 0;

    left: 1px;

    width: 8px;

    height: 13px;

    border-top: 2px solid transparent;

    border-left: 2px solid transparent;

    -webkit-transform: rotateZ(37deg);

    -ms-transform: rotate(37deg);

    transform: rotateZ(37deg);

    -webkit-transform-origin: 100% 100%;

    -ms-transform-origin: 100% 100%;

    transform-origin: 100% 100%}

[type=checkbox].filled-in:checked+label:after {

    top: 0;

    width: 20px;

    height: 20px;

    border: 2px solid #398bf7;

    background-color: #398bf7;

    z-index: 0;

}

[type=checkbox].filled-in.tabbed:focus+label:after {

    border-radius: 2px;

    border-color: #5a5a5a;

    background-color: rgba(0, 0, 0, .1);

}

[type=checkbox].filled-in.tabbed:checked:focus+label:after {

    border-radius: 2px;

    background-color: #398bf7;

    border-color: #398bf7;

}

[type=checkbox].filled-in:disabled:not(:checked)+label:before {

    background-color: transparent;

    border: 2px solid transparent;

}

[type=checkbox].filled-in:disabled:not(:checked)+label:after {

    border-color: transparent;

    background-color: #BDBDBD;

}

[type=checkbox].filled-in:disabled:checked+label:before {

    background-color: transparent;

}

[type=checkbox].filled-in:disabled:checked+label:after {

    background-color: #BDBDBD;

    border-color: #BDBDBD;

}

[type=radio]:checked, [type=radio]:not(:checked) {

    position: absolute;

    /*left: -9999px;*/

    opacity: 0;

}

[type=radio]:checked+label, [type=radio]:not(:checked)+label {

    font-weight: 500;

    position: relative;

    padding-left: 35px;

    cursor: pointer;

    display: inline-block;

    height: 25px;

    line-height: 25px;

    -webkit-transition: .28s ease;

    -o-transition: .28s ease;

    transition: .28s ease;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

[type=radio]+label:after, [type=radio]+label:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    margin: 4px;

    width: 16px;

    height: 16px;

    z-index: 0;

    -webkit-transition: .28s ease;

    -o-transition: .28s ease;

    transition: .28s ease;

}

[type=radio].with-gap:checked+label:after, [type=radio].with-gap:checked+label:before, [type=radio]:checked+label:after, [type=radio]:checked+label:before, [type=radio]:not(:checked)+label:after, [type=radio]:not(:checked)+label:before {

    border-radius: 50%}

[type=radio]:not(:checked)+label:after, [type=radio]:not(:checked)+label:before {

    border: 2px solid #5a5a5a;

}

[type=radio]:not(:checked)+label:after {

    z-index: -1;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

}

[type=radio]:checked+label:before {

    border: 2px solid transparent;

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap:checked+label:after, [type=radio].with-gap:checked+label:before, [type=radio]:checked+label:after {

    border: 2px solid #398bf7;

}

[type=radio].with-gap:checked+label:after, [type=radio]:checked+label:after {

    background-color: #398bf7;

    z-index: 0;

}

[type=radio]:checked+label:after {

    -webkit-transform: scale(1.02);

    -ms-transform: scale(1.02);

    transform: scale(1.02);

}

[type=radio].with-gap:checked+label:after {

    -webkit-transform: scale(.5);

    -ms-transform: scale(.5);

    transform: scale(.5);

}

[type=radio].tabbed:focus+label:before {

    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);

    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap:disabled:checked+label:before {

    border: 2px solid rgba(0, 0, 0, .26);

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio].with-gap:disabled:checked+label:after {

    border: none;

    background-color: rgba(0, 0, 0, .26);

}

[type=radio]:disabled:checked+label:before, [type=radio]:disabled:not(:checked)+label:before {

    background-color: transparent;

    border-color: rgba(0, 0, 0, .26);

    -webkit-animation: ripple .2s linear forwards;

    animation: ripple .2s linear forwards;

}

[type=radio]:disabled+label {

    color: rgba(0, 0, 0, .26);

}

[type=radio]:disabled:not(:checked)+label:before {

    border-color: rgba(0, 0, 0, .26);

}

[type=radio]:disabled:checked+label:after {

    background-color: rgba(0, 0, 0, .26);

    border-color: #BDBDBD;

}

input[type="color"] {

    height: 42px;

}

.form-type-roundinput.form-control, .form-type-round input.form-control, .form-type-roundselect:not([multiple]).form-control, .form-type-round select:not([multiple]).form-control {

    border-radius: 10rem;

    padding-left: 20px;

    padding-right: 20px;

}

.form-group label {

    font-weight: 500;

    font-size: 15px;

    color: #333;

}

.form-control {

    height: 40px;

    border-radius: 3px;

    border-color: #d2d6de;

    border: 1px solid #dbdbdb;

    margin-bottom: 0px;

    border-radius: 3px;

    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.06);

    transition: none;

}

select.form-control {

    height: 40px !important;

}

.custom-select {

    display: inline-block;

    max-width: 100%;

    height: calc(2.25rem + 2px);

    padding: .375rem 1.75rem .375rem .75rem;

    line-height: 1.25 !important;

    height: 50px !important;

    color: #495057;

}



/*input, input[type="text"], input[type="password"],  textarea, select {

    height: 50px;

    line-height: 51px;

    padding: 0 20px;

    outline: none;

    font-size: 15px;

    color: #808080;

    margin: 0 0 16px 0;

    max-width: 100%;

    width: 100%;

    box-sizing: border-box;

    display: block;

    background-color: #fff;

    border: 1px solid #dbdbdb;

    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.06);

    font-weight: 500;

    opacity: 1;

    border-radius: 3px;

}*/



.form-control:focus {

    border-color: #2568ef;

    box-shadow: none;

}

.form-control:-ms-input-placeholder, .form-control::-moz-placeholder, .form-control::-webkit-input-placeholder {

    color: #bbb;

    opacity: 1;

}

.form-group.has-success .help-block, .form-group.has-success label {

    color: #26c6da;

}

.form-control:not(select) {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}



.input-group-append.discount{

    padding: 7px;

    background: #f1f1f1;

}

.form-group.has-success .form-control, .form-group.has-success .input-group-addon {

    border-color: #26c6da;

    box-shadow: none;

}

.form-group.has-warning .help-block, .form-group.has-warning label {

    color: #ffb22b;

}

.form-group.has-warning .form-control, .form-group.has-warning .input-group-addon {

    border-color: #ffb22b;

    box-shadow: none;

}

.form-group.has-error .help-block, .form-group.has-error label {

    color: #fc4b6c;

}

.form-group.has-error .form-control, .form-group.has-error .input-group-addon {

    border-color: #fc4b6c;

    box-shadow: none;

}

.iCheck-helper, .icheckbox_flat-blue, .icheckbox_flat-blue input {

    border-radius: 0;

}

.input-group .input-group-addon {

    border-radius: 0;

    border-color: #d2d6de;

    background-color: #fff;

}

.btn-group-vertical .btn.btn-flat:first-of-type, .btn-group-vertical .btn.btn-flat:last-of-type {

    border-radius: 0;

}

.wysihtml5-toolbar .btn-group, .btn-group-vertical{

	display: -ms-inline-block;

    display: inline-block;

}

.progress{

	margin-bottom: 20px;

}

.progress, .progress .progress-bar, .progress-sm, .progress-sm .progress-bar, .progress-xs, .progress-xs .progress-bar, .progress-xxs, .progress-xxs .progress-bar, .progress.sm, .progress.sm .progress-bar, .progress.xs, .progress.xs .progress-bar, .progress.xxs, .progress.xxs .progress-bar, .progress>.progress-bar, .progress>.progress-bar .progress-bar {

    border-radius: 1px;

}

.icheck>label {

    padding-left: 0;

}

.form-control-feedback.fa {

    line-height: 34px;

}

.form-group-lg .form-control+.form-control-feedback.fa, .input-group-lg+.form-control-feedback.fa, .input-lg+.form-control-feedback.fa {

    line-height: 46px;

}

.form-group-sm .form-control+.form-control-feedback.fa, .input-group-sm+.form-control-feedback.fa, .input-sm+.form-control-feedback.fa {

    line-height: 30px;

}

.progress, .progress>.progress-bar {

    -webkit-box-shadow: none;

    box-shadow: none;

}

.progress-sm, .progress.sm {

    height: 10px;

}

.progress-xs, .progress.xs {

    height: 7px;

}

.progress-xxs, .progress.xxs {

    height: 3px;

}

.progress.vertical {

    position: relative;

    width: 30px;

    height: 200px;

    display: inline-block;

    margin-right: 10px;

}

.progress.vertical>.progress-bar {

    width: 100%;

    position: absolute;

    bottom: 0;

}

.progress.vertical.progress-sm, .progress.vertical.sm {

    width: 20px;

}

.progress.vertical.progress-xs, .progress.vertical.xs {

    width: 10px;

}

.progress.vertical.progress-xxs, .progress.vertical.xxs {

    width: 3px;

}

.progress-group .progress-text {

    font-weight: 600;

}

.progress-group .progress-number {

    float: right;

}

.table tr>td .progress {

    margin: 0;

}

.table a {

    text-decoration: none;

    font-weight: 500;

}

.progress-bar-light-blue, .progress-bar-primary {

    background-color: #398bf7;

}

.progress-striped .progress-bar-light-blue, .progress-striped .progress-bar-primary {

    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

}

.progress-striped .progress-bar-aqua, .progress-striped .progress-bar-green, .progress-striped .progress-bar-info, .progress-striped .progress-bar-success {

    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

}

.progress-bar-green, .progress-bar-success {

    background-color: #26c6da;

}

.progress-striped .progress-bar-green, .progress-striped .progress-bar-success {

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

}

.progress-bar-aqua, .progress-bar-info {

    background-color: #398bf7;

}

.progress-striped .progress-bar-aqua, .progress-striped .progress-bar-info {

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

}

.progress-striped .progress-bar-danger, .progress-striped .progress-bar-red, .progress-striped .progress-bar-warning, .progress-striped .progress-bar-yellow {

    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

}

.progress-bar-warning, .progress-bar-yellow {

    background-color: #ffb22b;

}

.progress-striped .progress-bar-warning, .progress-striped .progress-bar-yellow {

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

}

.progress-bar-danger, .progress-bar-red {

    background-color: #fc4b6c;

}

.progress-striped .progress-bar-danger, .progress-striped .progress-bar-red {

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

}

.progress-bar-blue, .progress-bar-default {

    background-color: #398bf7;

}

.progress-striped .progress-bar-blue, .progress-striped .progress-bar-default {

    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

}

/*box*/

.small-box {

    position: relative;

    display: block;

    margin-bottom: 20px;

    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);

    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);

}

.small-box>.inner {

    padding: 10px;

}

.small-box>.small-box-footer {

    position: relative;

    text-align: right;

    padding: 3px 10px;

    color: #fff;

    color: rgba(255, 255, 255, .8);

    display: block;

    z-index: 10;

    background: rgba(0, 0, 0, .1);

    text-decoration: none;

}

.small-box>.small-box-footer:hover {

    color: #fff;

    background: rgba(0, 0, 0, .15);

}

.small-box h3 {

    font-size: 38px;

    font-weight: 700;

    margin: 0 0 10px;

    white-space: nowrap;

    padding: 0;

}

.small-box p {

    font-size: 15px;

	margin-bottom: 10px;

}

.small-box p>small {

    display: block;

    color: #f9f9f9;

    font-size: 13px;

    margin-top: 5px;

}

.small-box h3, .small-box p {

    z-index: 5;

}

.small-box .icon {

    -webkit-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

    position: absolute;

    top: 5px;

    right: 10px;

    z-index: 0;

    font-size: 72px;

    color: rgba(0, 0, 0, .15);

}

.small-box:hover {

    text-decoration: none;

    color: #f9f9f9;

}

.small-box:hover .icon {

    font-size: 78px;

}

@media (max-width:767px) {

    .small-box {

    text-align: center;

}

.small-box .icon {

    display: none;

}

.small-box p {

    font-size: 12px;

}

}

.box {

    position: relative;

    border-top: 0;

    margin-bottom: 20px;

    width: 100%;

    background: #fff;

    border-radius: 0;

    padding: 0px;

    -webkit-transition: .5s;

    transition: .5s;

	display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

	border: 0px solid #dce3e6;

	border-radius: 8px;

    box-shadow: rgb(99 99 99 / 6%) 0px 2px 8px 0px !important;

}



.box-inverse{

  color: #fff !important;

  background-color: #465161;

}

.box-inverse .box-header{

  color: #fff !important;

}

.box-inverse h1, .box-inverse h2, .box-inverse h3, .box-inverse h4, .box-inverse h5, .box-inverse h6,

.box-inverse .box-title,

.box-inverse small,

.box-inverse .box-controls li > a {

  color: #fff !important;

}



.box-inverse .box-title small {

  opacity: 0.8;

}



.box-inverse .box-btn-more::before,

.box-inverse .box-btn-more::after {

  border-color: #fff;

}



.box-inverse .box-header,

.box-inverse .box-footer,

.box-inverse .box-action {

  border-color: rgba(255, 255, 255, 0.15);

}



.box-primary {

  background-color: #7460ee;

}



.box-primary.box-bordered {

  border-color: #7460ee;

}



.box-secondary {

  background-color: #e4e7ea;

}



.box-secondary.box-bordered {

  border-color: #e4e7ea;

}



.box-success {

  background-color: #26c6da;

}



.box-success.box-bordered {

  border-color: #26c6da;

}



.box-info {

  background-color: #2568ef;

}



.box-info.box-bordered {

  border-color: #2568ef;

}



.box-warning {

  background-color: #ffb22b;

}



.box-warning.box-bordered {

  border-color: #ffb22b;

}



.box-danger {

  background-color: #fc4b6c;

}



.box-danger.box-bordered {

  border-color: #fc4b6c;

}



.box-pink {

  background-color: #FC3468;

}



.box-pink.box-bordered {

  border-color: #FC3468;

}



.box-purple {

  background-color: #7c277d;

}



.box-purple.box-bordered {

  border-color: #7c277d;

}



.box-brown {

  background-color: #8d6658;

}



.box-brown.box-bordered {

  border-color: #8d6658;

}



.box-cyan {

  background-color: #57c7d4;

}



.box-cyan.box-bordered {

  border-color: #57c7d4;

}



.box-yellow {

  background-color: #fcc525;

}



.box-yellow.box-bordered {

  border-color: #fcc525;

}



.box-gray {

  background-color: #868e96;

}



.box-gray.box-bordered {

  border-color: #868e96;

}



.box-dark {

  background-color: #465161;

}



.box-dark.box-bordered {

  border-color: #465161;

}



.box-outline-primary {

  background-color: #fff;

  border: 1px solid #7460ee;

}



.box-outline-secondary {

  background-color: #fff;

  border: 1px solid #e4e7ea;

}



.box-outline-success {

  background-color: #fff;

  border: 1px solid #26c6da;

}



.box-outline-info {

  background-color: #fff;

  border: 1px solid #2568ef;

}



.box-outline-warning {

  background-color: #fff;

  border: 1px solid #ffb22b;

}



.box-outline-danger {

  background-color: #fff;

  border: 1px solid #fc4b6c;

}



.box-outline-pink {

  background-color: #fff;

  border: 1px solid #FC3468;

}



.box-outline-purple {

  background-color: #fff;

  border: 1px solid #7c277d;

}



.box-outline-brown {

  background-color: #fff;

  border: 1px solid #8d6658;

}



.box-outline-cyan {

  background-color: #fff;

  border: 1px solid #57c7d4;

}



.box-outline-yellow {

  background-color: #fff;

  border: 1px solid #fcc525;

}



.box-outline-gray {

  background-color: #fff;

  border: 1px solid #868e96;

}



.box-outline-dark {

  background-color: #fff;

  border: 1px solid #465161;

}



.box-bordered {

  border: 1px solid #ebebeb;

}



.box-shadowed {

  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);

          box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);

}



.box-hover-shadow:hover {

  -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);

          box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);

}



.box-transparent {

  background-color: transparent;

}



.box-round {

  border-radius: 4px;

}





.box.collapsed-box .box-body, .box.collapsed-box .box-footer {

    display: none;

}

.box .flex-column>li {

    border-bottom: 1px solid #f4f4f4;

    margin: 0;

}

.box .flex-column>li:last-of-type {

    border-bottom: none;

}

.box.height-control .box-body {

    max-height: 300px;

    overflow: auto;

}

.box .border-right {

    border-right: 1px solid #f4f4f4;

}

.box .border-left {

    border-left: 1px solid #f4f4f4;

}

.box.box-solid {

    border-top: 0;

}

.box.box-solid>.box-header .btn:hover, .box.box-solid>.box-header a:hover {

    background: rgba(0, 0, 0, .1);

}



.box.box-solid.box-default>.box-header {

    color: #455a64;

    background: #d2d6de;

}

.box.box-solid.box-default>.box-header .btn, .box.box-solid.box-default>.box-header a {

    color: #455a64;

}



.box.box-solid.box-primary>.box-header {

    color: #fff;

    background: #398bf7;

}

.box.box-solid.box-primary>.box-header .btn, .box.box-solid.box-primary>.box-header a {

    color: #455a64;

}



.box.box-solid.box-info>.box-header {

    color: #fff;

    background: #398bf7;

}

.box.box-solid.box-info>.box-header .btn, .box.box-solid.box-info>.box-header a {

    color: #455a64;

}



.box.box-solid.box-danger>.box-header {

    color: #fff;

    background: #fc4b6c;

}

.box.box-solid.box-danger>.box-header .btn, .box.box-solid.box-danger>.box-header a {

    color: #455a64;

}



.box.box-solid.box-warning>.box-header {

    color: #fff;

    background: #ffb22b;

}

.box.box-solid.box-warning>.box-header .btn, .box.box-solid.box-warning>.box-header a {

    color: #455a64;

}



.box.box-solid.box-success>.box-header {

    color: #fff;

    background: #26c6da;

}

.box.box-solid.box-success>.box-header .btn, .box.box-solid.box-success>.box-header a {

    color: #455a64;

}

.box.box-solid>.box-header>.box-tools .btn {

    border: 0;

    box-shadow: none;

}

.box.box-solid[class*=bg]>.box-header {

    color: #fff;

}

.box .box-group>.box {

    margin-bottom: 5px;

}

.box .knob-label {

    text-align: center;

    color: #455a64;

    font-weight: 500;

    font-size: 12px;

    margin-bottom: .3em;

}

.box>.loading-img, .box>.overlay, .overlay-wrapper>.loading-img, .overlay-wrapper>.overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%}

.box .overlay, .overlay-wrapper .overlay {

    z-index: 50;

    background: rgba(255, 255, 255, .7);

    border-radius: 3px;

}

.box .overlay>.fa, .overlay-wrapper .overlay>.fa {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -15px;

    margin-top: -15px;

    color: #000;

    font-size: 30px;

}

.box .overlay.dark, .overlay-wrapper .overlay.dark {

    background: rgba(0, 0, 0, .5);

}

/*.box-body:after, .box-body:before, .box-footer:after, .box-footer:before, .box-header:after, .box-header:before {

    content: " ";

    display: table;

}*/



ul.nav.nav-pills.text-center.m-auto {

    width: 50%;

    margin-bottom: 50px !important;

    display: flex;

    justify-content: center;

}



ul.nav.nav-pills.text-center.m-auto li a{

    padding: 8px 30px;

}

.box-header {

    color: #455a64;

    display: block;

    padding: 0.8rem 1.8rem;

    position: relative;

	border-bottom: 1px solid #f1f1f1

}

.box-header.without-border {

    border-bottom: none;

}

.box-header.with-border {

    border-bottom-width: 1px;

    border-bottom-style: solid;

}

.collapsed-box .box-header.with-border {

    border-bottom: none;

}

.box-header .box-title, .box-header>.fa, .box-header>.glyphicon, .box-header>.ion{

    display: block;

    margin: 0;

}

.box-title {

    z-index: auto;

    font-size: 17px;

}

.box-title.box-title-bold {

    font-weight: 600;

}

.box-title code {

    font-size: 10px;

}

.box .box-header .box-subtitle {

    font-weight: 500;

    margin-bottom: 0px;

	margin-top: 5px;

    color: #99abb4;

}

.box-header>.fa, .box-header>.glyphicon, .box-header>.ion {

    margin-right: 5px;

}

.box-header>.box-tools {

    position: absolute;

    right: 15px;

    top: 10px;

}

.box-header>.box-tools [data-toggle=tooltip], .control {

    position: relative;

}

.box-bordered {

    border: 1px solid #ebebeb;

}

.box-shadowed {

    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);

    box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);

}

.box-hover-shadow:hover {

    -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);

    box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);

}

.box-transparent {

    background-color: transparent;

}

.box-header>.box-tools .dropdown-menu>li>a {

    color: #455a64;

}

.btn-box-tool {

    padding: 5px;

    font-size: 12px;

    background: 0 0;

    color: #97a0b3;

}

.btn-box-tool:hover, .show .btn-box-tool {

    color: #606c84;

}

.btn-box-tool.btn:active {

    box-shadow: none;

}

.box-body {

    padding: 10px 25px 25px;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

}

.no-header .box-body {

    border-top-right-radius: 3px;

    border-top-left-radius: 3px;

}

.box-body>.table {

    margin-bottom: 0;

}

.box-body .fc {

    margin-top: 5px;

}

.box-body .full-width-chart {

    margin: -10px;

}

.box-body.no-padding .full-width-chart {

    margin: -9px;

}

.box-body .box-pane {

    border-radius: 0 0 0 3px;

}

.box-body .box-pane-right {

    border-radius: 0 0 3px;

}

.box-footer {

    border-top: 1px solid #f1f1f1;

    padding: 0.8rem 2.25rem;

    background-color: #fff;

    border-radius: 0 0 10px 10px;

}

.box-footer > *:last-child {

    margin-bottom: 0;

}

.box-controls {

  list-style-type: none;

  padding-left: 0;

  margin-bottom: 0;

  display: -webkit-box;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

          flex-direction: row-reverse;

}



.box-controls li > a, .box-controls li > button {

  font-family: themify;

  font-size: 12px;

  display: inline-block;

  padding: 0 4px;

  margin: 0 4px;

  color: #929daf;

  opacity: .8;

  -webkit-transition: 0.3s linear;

  transition: 0.3s linear;

}



.box-controls li > a:hover {

  color: #7460ee;

}



.box-controls li:first-child > a {

  margin-right: 0;

}



.box-controls .dropdown.show > a {

  color: #7460ee;

}



.box-controls [data-toggle="dropdown"],

.box-controls .box-btn-reload {

  font-size: 14px;

}



.box-btn-close::before {

  content: "\e646";

}



.box-btn-slide::before {

  content: "\e648";

}



.box-btn-maximize::before {

  content: "\e6e8";

}



.box-btn-fullscreen::before {

  content: "\e659";

}



.box-btn-prev::before {

  content: "\e64a";

}



.box-btn-next::before {

  content: "\e649";

}



.box-carousel .box-footer .carousel-indicators-outside {

  padding: 6px 0;

}



.box-body > *:last-child {

  margin-bottom: 0;

}



.box-img,

.box-img-top,

.box-img-bottom {

  border-radius: 0;

}



.box-loading {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(255, 255, 255, 0.8);

  display: -webkit-box;

  display: flex;

  -webkit-box-pack: center;

          justify-content: center;

  -webkit-box-align: center;

          align-items: center;

  opacity: 0;

  z-index: -1;

  -webkit-transition: .5s;

  transition: .5s;

}



.box-loading.reveal {

  opacity: 1;

  z-index: auto;

}



.box-fullscreen {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin-bottom: 0;

    z-index: 9999;

}

.box-fullscreen .box-btn-fullscreen {

  color: #7460ee;

}



.box-slided-up .box-content {

  display: none;

}



.box-slided-up .box-btn-slide::before {

  content: "\e64b";

}



.box-header-actions {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  margin: -4px;

}

.box-header-actions > * {

  margin: 4px;

}



.rotate-45 {

  display: inline-block;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

}



.rotate-90 {

  display: inline-block;

  -webkit-transform: rotate(90deg);

          transform: rotate(90deg);

}



.rotate-180 {

  display: inline-block;

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);

}







/*User card page*/



.fx-element-overlay .white-box {

    padding: 0px;

}



.fx-element-overlay .fx-card-item {

    position: relative;

    padding-bottom: 25px;

}



.fx-element-overlay .fx-card-item .fx-card-avatar {

    margin-bottom: 15px;

}



.fx-element-overlay .fx-card-item .fx-card-content {

    text-align: center;

}



.fx-element-overlay .fx-card-item .fx-card-content h3 {

    margin: 0px;

}



.fx-element-overlay .fx-card-item .fx-card-content a {

    color: #67757c;

}



.fx-element-overlay .fx-card-item .fx-card-content a:hover {

    color: #398bf7;

}



.fx-element-overlay .fx-card-item .fx-overlay-1 {

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

    text-align: center;

    cursor: default;

}



.fx-element-overlay .fx-card-item .fx-overlay-1 img {

    display: block;

    position: relative;

    -webkit-transition: all .4s linear;

    -o-transition: all .4s linear;

    transition: all .4s linear;

    width: 100%;

    height: auto;

}



.fx-element-overlay .fx-card-item .fx-overlay-1:hover img {

    -ms-transform: scale(1.2) translateZ(0);

    -webkit-transform: scale(1.2) translateZ(0);

    transform: scale(1.2) translateZ(0);

}



.fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info {

    text-decoration: none;

    display: inline-block;

    text-transform: uppercase;

    color: #ffffff;

    background-color: transparent;

    filter: alpha(opacity=0);

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

    padding: 0;

    margin: auto;

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    transform: translateY(-50%) translateZ(0);

    -webkit-transform: translateY(-50%) translateZ(0);

    -ms-transform: translateY(-50%) translateZ(0);

}



.fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info > li {

    list-style: none;

    display: inline-block;

    margin: 0 3px;

}



.fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info > li a {

    border-color: #ffffff;

    color: #ffffff;

    padding: 12px 15px 10px;

}



.fx-element-overlay .fx-card-item .fx-overlay-1 .fx-info > li a:hover {

    background: #398bf7;

    border-color: #398bf7;

}



.fx-element-overlay .fx-card-item .fx-overlay {

    width: 100%;

    height: 100%;

    position: absolute;

    overflow: hidden;

    top: 0;

    left: 0;

    opacity: 0;

    background-color: rgba(0, 0, 0, 0.7);

    -webkit-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}



.fx-element-overlay .fx-card-item .fx-overlay-1:hover .fx-overlay {

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transform: translateZ(0);

    -ms-transform: translateZ(0);

    transform: translateZ(0);

}



.fx-element-overlay .fx-card-item .fx-overlay-1 .scrl-dwn {

    top: -100%;

}



.fx-element-overlay .fx-card-item .fx-overlay-1 .scrl-up {

    top: 100%;

    height: 0px;

}



.fx-element-overlay .fx-card-item .fx-overlay-1:hover .scrl-dwn {

    top: 0px;

}



.fx-element-overlay .fx-card-item .fx-overlay-1:hover .scrl-up {

    top: 0px;

    height: 100%;

}



/*tab*/

.tabcontent-border {

    border: 1px solid #ddd;

    border-top: 0px;

}



.hidden-xs-up {

    display: none !important;

}



@media (max-width: 575px) {

    .hidden-xs-down {

        display: none !important;

    }

}



@media (min-width: 576px) {

    .hidden-sm-up {

        display: none !important;

    }

}



@media (max-width: 767px) {

    .hidden-sm-down {

        display: none !important;

    }

}



@media (min-width: 768px) {

    .hidden-md-up {

        display: none !important;

    }

}



@media (max-width: 991px) {

    .hidden-md-down {

        display: none !important;

    }

}



@media (min-width: 992px) {

    .hidden-lg-up {

        display: none !important;

    }

}



@media (max-width: 1199px) {

    .hidden-lg-down {

        display: none !important;

    }

}



@media (min-width: 1200px) {

    .hidden-xl-up {

        display: none !important;

    }

}



.hidden-xl-down {

    display: none !important;

}



@media (max-width:991px) {

    .chart-legend>li {

        float: left;

        margin-right: 10px;

    }

}



.customtab li a.nav-link {

    border: 0px;

    padding: 10px 20px;

    color: #67757c;

}



/*Vertical tabs*/



.vtabs {

    display: table;

}



.vtabs .tabs-vertical {

    width: 150px;

    border-bottom: 0px;

    border-right: 1px solid rgba(120, 130, 140, 0.13);

    display: table-cell;

    vertical-align: top;

}



.vtabs .tabs-vertical li .nav-link {

    color: #263238;

    margin-bottom: 10px;

    border: 0px;

    border-radius: 4px 0 0 4px;

}



.vtabs .tab-content {

    display: table-cell;

    padding: 10px;

    vertical-align: top;

}



.tabs-vertical li .nav-link.active,

.tabs-vertical li .nav-link:hover,

.tabs-vertical li .nav-link.active:focus {

    background: #398bf7;

    border: 0px;

    color: #ffffff;

}





/*Custom vertical tab*/



.customvtab .tabs-vertical li .nav-link.active,

.customvtab .tabs-vertical li .nav-link:hover,

.customvtab .tabs-vertical li .nav-link:focus {

    background: #ffffff;

    border: 0px;

    border-right: 2px solid #398bf7;

    margin-right: -1px;

    color: #398bf7;

}



.tabcontent-border {

    border: 1px solid #ddd;

    border-top: 0px;

}



.customtab2 li a.nav-link {

    border: 0px;

    margin-right: 3px;

    color: #67757c;

}



.customtab2 li a.nav-link.active {

    background: #398bf7;

    color: #ffffff;

}



.customtab2 li a.nav-link:hover {

    color: #ffffff;

    background: #398bf7;

}



@media (max-width: 767px) {

    .vtabs .tabs-vertical {

        width: auto;

    }

}



/*google map Page*/

.gmaps,

.gmaps-panaroma {

    height: 300px;

}



.gmaps,

.gmaps-panaroma {

    height: 300px;

    background: #f2f4f8;

    border-radius: 3px;

}



.gmaps-overlay {

    display: block;

    text-align: center;

    color: #ffffff;

    font-size: 16px;

    line-height: 40px;

    background: #7c277d;

    border-radius: 4px;

    padding: 10px 20px;

}



.gmaps-overlay_arrow {

    left: 50%;

    margin-left: -16px;

    width: 0;

    height: 0;

    position: absolute;

}



.gmaps-overlay_arrow.above {

    bottom: -15px;

    border-left: 16px solid transparent;

    border-right: 16px solid transparent;

    border-top: 16px solid #7c277d;

}



.gmaps-overlay_arrow.below {

    top: -15px;

    border-left: 16px solid transparent;

    border-right: 16px solid transparent;

    border-bottom: 16px solid #7c277d;

}



/*wizard*/

.wizard-content .wizard>.steps>ul>li:after,

.wizard-content .wizard>.steps>ul>li:before {

    content: '';

    z-index: 9;

    display: block;

    position: absolute

}

.wizard-content .wizard {

    width: 100%;

    overflow: hidden

}

.wizard-content .wizard .content {

    margin-left: 0!important

}

.wizard-content .wizard>.steps {

    position: relative;

    display: block;

    width: 100%

}

.wizard-content .wizard>.steps .current-info {

    position: absolute;

    left: -99999px

}

.wizard-content .wizard>.steps>ul {

    display: table;

    width: 100%;

    table-layout: fixed;

    margin: 0;

    padding: 0;

    list-style: none

}

.wizard-content .wizard>.steps>ul>li {

    display: table-cell;

    width: auto;

    vertical-align: top;

    text-align: center;

    position: relative

}

.wizard-content .wizard>.steps>ul>li a {

    position: relative;

    padding-top: 52px;

    margin-top: 20px;

    margin-bottom: 20px;

    display: block

}

.wizard-content .wizard.vertical>.steps>ul>li a {

    margin-top: 0px;

}

.wizard-content .wizard>.steps>ul>li:before {

    left: 0

}

.wizard-content .wizard>.steps>ul>li:after {

    right: 0

}

.wizard-content .wizard>.steps>ul>li:first-child:before,

.wizard-content .wizard>.steps>ul>li:last-child:after {

    content: none

}

.wizard-content .wizard>.steps>ul>li.current>a {

    color: #2f3d4a;

    cursor: default

}

.wizard-content .wizard>.steps>ul>li.current .step {

    border-color: #398bf7;

    background-color: #fff;

    color: #398bf7

}

.wizard-content .wizard>.steps>ul>li.disabled a,

.wizard-content .wizard>.steps>ul>li.disabled a:focus,

.wizard-content .wizard>.steps>ul>li.disabled a:hover {

    color: #67757c;

    cursor: default

}

.wizard-content .wizard>.steps>ul>li.done a,

.wizard-content .wizard>.steps>ul>li.done a:focus,

.wizard-content .wizard>.steps>ul>li.done a:hover {

    color: #999

}

.wizard-content .wizard>.steps>ul>li.done .step {

    background-color: #398bf7;

    border-color: #398bf7;

    color: #fff

}

.wizard-content .wizard>.steps>ul>li.error .step {

    border-color: #f62d51;

    color: #f62d51

}

.wizard-content .wizard>.steps .step {

    background-color: #fff;

    display: inline-block;

    position: absolute;

    top: 0;

    left: 24%;

    z-index: 10;

    text-align: center

}

.wizard-content .wizard.vertical>.steps .step {

    left: 17%;

}

.wizard-content .wizard>.content {

    overflow: hidden;

    position: relative;

    width: auto;

    padding: 0;

    margin: 0

}

.wizard-content .wizard>.content>.title {

    position: absolute;

    left: -99999px

}

.wizard-content .wizard>.content>.body {

    padding: 20px 20px

}

.wizard-content .wizard>.content>iframe {

    border: 0;

    width: 100%;

    height: 100%

}

.wizard-content .wizard>.actions {

    position: relative;

    display: block;

    text-align: right;

    padding: 20px 20px 20px

}

.wizard-content .wizard>.actions>ul {

    float: right;

    list-style: none;

    padding: 0;

    margin: 0

}

.wizard-content .wizard>.actions>ul:after {

    content: '';

    display: table;

    clear: both

}

.wizard-content .wizard>.actions>ul>li {

    float: left

}

.wizard-content .wizard>.actions>ul>li+li {

    margin-left: 10px

}

.wizard-content .wizard>.actions>ul>li>a {

    background: #398bf7;

    color: #fff;

    display: block;

    padding: 7px 12px;

    border-radius: 4px;

    border: 1px solid transparent

}

.wizard-content .wizard>.actions>ul>li>a:focus,

.wizard-content .wizard>.actions>ul>li>a:hover {

    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset;

    box-shadow: 0 0 0 100px rgba(0, 0, 0, .05) inset

}

.wizard-content .wizard>.actions>ul>li>a:active {

    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset;

    box-shadow: 0 0 0 100px rgba(0, 0, 0, .1) inset

}

.wizard-content .wizard>.actions>ul>li>a[href="#previous"] {

    background-color: #fff;

    color: #54667a;

    border: 1px solid #d9d9d9

}

.wizard-content .wizard>.actions>ul>li>a[href="#previous"]:focus,

.wizard-content .wizard>.actions>ul>li>a[href="#previous"]:hover {

    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .02) inset;

    box-shadow: 0 0 0 100px rgba(0, 0, 0, .02) inset

}

.wizard-content .wizard>.actions>ul>li>a[href="#previous"]:active {

    -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, .04) inset;

    box-shadow: 0 0 0 100px rgba(0, 0, 0, .04) inset

}

.wizard-content .wizard>.actions>ul>li.disabled>a,

.wizard-content .wizard>.actions>ul>li.disabled>a:focus,

.wizard-content .wizard>.actions>ul>li.disabled>a:hover {

    color: #999

}

.wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"],

.wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"]:focus,

.wizard-content .wizard>.actions>ul>li.disabled>a[href="#previous"]:hover {

    -webkit-box-shadow: none;

    box-shadow: none

}

.wizard-content .wizard.wizard-circle>.steps>ul>li:after,

.wizard-content .wizard.wizard-circle>.steps>ul>li:before {

    top: 45px;

    width: 50%;

    height: 3px;

    background-color: #398bf7

}

.wizard-content .wizard.wizard-circle>.steps>ul>li.current:after,

.wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:after,

.wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:before {

    background-color: #F3F3F3

}

.wizard-content .wizard.wizard-circle>.steps .step {

    width: 160px;

    height: 50px;

    line-height: 45px;

    border: 3px solid #F3F3F3;

    font-size: 1.3rem;

    border-radius: 10px;

}

.wizard-content .wizard.wizard-notification>.steps>ul>li:after,

.wizard-content .wizard.wizard-notification>.steps>ul>li:before {

    top: 39px;

    width: 50%;

    height: 2px;

    background-color: #398bf7

}

.wizard-content .wizard.wizard-notification>.steps>ul>li.current .step {

    border: 2px solid #398bf7;

    color: #398bf7;

    line-height: 36px

}

.wizard-content .wizard.wizard-notification>.steps>ul>li.current .step:after,

.wizard-content .wizard.wizard-notification>.steps>ul>li.done .step:after {

    border-top-color: #398bf7

}

.wizard-content .wizard.wizard-notification>.steps>ul>li.current:after,

.wizard-content .wizard.wizard-notification>.steps>ul>li.current~li:after,

.wizard-content .wizard.wizard-notification>.steps>ul>li.current~li:before {

    background-color: #F3F3F3

}

.wizard-content .wizard.wizard-notification>.steps>ul>li.done .step {

    color: #FFF

}

.wizard-content .wizard.wizard-notification>.steps .step {

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 1.3rem;

    border-radius: 15%;

    background-color: #F3F3F3

}

.wizard-content .wizard.wizard-notification>.steps .step:after {

    content: "";

    width: 0;

    height: 0;

    position: absolute;

    bottom: 0;

    left: 50%;

    margin-left: -8px;

    margin-bottom: -8px;

    border-left: 7px solid transparent;

    border-right: 7px solid transparent;

    border-top: 8px solid #F3F3F3

}

.wizard-content .wizard.vertical>.steps {

    display: inline;

    float: left;

    width: 20%

}

.wizard-content .wizard.vertical>.steps>ul>li {

    display: block;

    width: 100%

}

.wizard-content .wizard.vertical>.steps>ul>li.current:after,

.wizard-content .wizard.vertical>.steps>ul>li.current:before,

.wizard-content .wizard.vertical>.steps>ul>li.current~li:after,

.wizard-content .wizard.vertical>.steps>ul>li.current~li:before,

.wizard-content .wizard.vertical>.steps>ul>li:after,

.wizard-content .wizard.vertical>.steps>ul>li:before {

    background-color: transparent

}

@media (max-width:768px) {

    .wizard-content .wizard>.steps>ul {

        margin-bottom: 20px

    }

    .wizard-content .wizard>.steps>ul>li {

        display: block;

        float: left;

        width: 50%

    }

    .wizard-content .wizard>.steps>ul>li>a {

        margin-bottom: 0

    }

    .wizard-content .wizard>.steps>ul>li:first-child:before {

        content: ''

    }

    .wizard-content .wizard>.steps>ul>li:last-child:after {

        content: '';

        background-color: #398bf7

    }

    .wizard-content .wizard.vertical>.steps {

        width: 15%

    }

}



@media (max-width:480px) {

    .wizard-content .wizard>.steps>ul>li {

        width: 100%

    }

    .wizard-content .wizard>.steps>ul>li.current:after {

        background-color: #398bf7

    }

    .wizard-content .wizard.vertical>.steps>ul>li {

        display: block;

        float: left;

        width: 50%

    }

    .wizard-content .wizard.vertical>.steps {

        width: 100%;

        float: none;

    }

}



/*weather*/

.weather-location input {

    background-color: rgba(0, 0, 0, .5);

    border: 1px solid rgba(255, 255, 255, .5);

}

.weather-location input:focus {

    border: 1px solid rgba(255, 255, 255, .7);

}

.weather-day {

    border-left: 1px solid rgba(0, 0, 0, .05);

}

.weather-day.is-today {

    border-left: none;

}

.card-footer {

    padding: 0;

}

.weather-icon canvas {

    width: 90px;

    height: 90px;

}



/*---panel---*/

.panel {

  position: relative;

  background-color: #fff;

  border: 0 solid transparent;

}



.panel-content > .row {

  padding-left: 30px;

  padding-right: 30px;

}



.panel-content > .row > [class*="col-"] {

  padding-left: 30px;

  padding-right: 30px;

}

.panel-body .list-group-item{

  border-radius: 0;

}

.panel-body .list-group-item.active {

    background-color: #398bf7;

    border-color: #398bf7;

}

.panel-heading {

  position: relative;

  padding: 0;

  border-bottom: 1px solid transparent;

  border-top-right-radius: 0.214rem;

  border-top-left-radius: 0.214rem;

}



.panel-heading + .alert {

  border-radius: 0;

}



.panel-heading > .nav-tabs {

  border-bottom: none;

}



.panel-heading-tab {

  padding: 10px 30px 0;

  background-color: #3f51b5;

}



.panel-heading-tab > .nav-tabs .nav-link {

  color: #fff;

}



.panel-heading-tab > .nav-tabs .nav-link.hover, .panel-heading-tab > .nav-tabs .nav-link:hover {

  color: #757575;

}



.panel-heading-tab > .nav-tabs .nav-link.active, .panel-heading-tab > .nav-tabs .nav-link:active {

  color: #757575;

  background-color: #ffffff;

}



.panel-heading + .nav-tabs {

  margin-top: -0.715rem;

}



.panel-heading > .dropdown .dropdown-toggle {

  color: inherit;

}



.panel-body {

  position: relative;

  padding: 10px 10px;

}



.panel-body::after {

  display: block;

  content: "";

  clear: both;

}



.panel-heading + .panel-body {

  padding-top: 0;

}



.panel-body h1:first-child, .panel-body h2:first-child, .panel-body h3:first-child, .panel-body h4:first-child, .panel-body h5:first-child, .panel-body h6:first-child,

.panel-body .h1:first-child, .panel-body .h2:first-child, .panel-body .h3:first-child, .panel-body .h4:first-child, .panel-body .h5:first-child, .panel-body .h6:first-child {

  margin-top: 0;

}



.panel-body > *:last-child {

  margin-bottom: 0;

}



.panel-body > .list-group-dividered:only-child > .list-group-item:last-child {

  border-bottom-color: transparent;

}



.panel-footer {

  padding: 0 30px 15px;

  border-top: 1px solid transparent;

  background-color: transparent;

  border-bottom-right-radius: 0.214rem;

  border-bottom-left-radius: 0.214rem;

}



.table + .panel-footer {

  padding-top: 15px;

  border-color: #e0e0e0;

}



.panel-title {

  display: block;

  margin-top: 0;

  margin-bottom: 0;

  padding: 20px 30px;

  font-size: 18px;

  color: #424242;

}



.panel-title > .icon {

  margin-right: 10px;

}



.panel-title > .badge {

  margin-left: 10px;

}



.panel-title small,

.panel-title .small {

  color: #757575;

}



.panel-title > a,

.panel-title > small > a,

.panel-title > .small > a {

  color: inherit;

}



.panel-desc {

  display: block;

  padding: 5px 0 0;

  margin: 0;

  font-size: 1rem;

  color: #757575;

}



.panel-actions {

  position: absolute;

  right: 30px;

  top: 50%;

  transform: translate(0%, -50%);

  margin: auto;

  z-index: 1;

}



@media (max-width: 479px) {

  .panel-actions {

    right: 20px;

  }

}



ul .panel-actions {

  list-style: none;

}



ul .panel-actions > li {

  display: inline-block;

  margin-left: 8px;

}



ul .panel-actions > li:first-child {

  margin-left: 0;

}



.panel-actions a.dropdown-toggle {

  text-decoration: none;

}



.panel-actions .dropdown {

  display: inline-block;

}



.panel-actions .dropdown-toggle {

  display: inline-block;

}



.panel-actions .panel-action {

  display: inline-block;

  padding: 8px 10px;

  color: #9e9e9e;

  text-decoration: none;

  cursor: pointer;

  background-color: transparent;

}



.panel-actions .panel-action:hover {

  color: #616161;

}



.panel-actions .panel-action:active {

  color: #616161;

}



.panel-actions .progress {

  width: 100px;

  margin: 0;

}



.panel-actions .pagination {

  margin: 0;

}



ul.panel-actions {

  list-style: none;

}



ul.panel-actions > li {

  display: inline-block;

  margin-left: 8px;

}



ul.panel-actions > li:first-child {

  margin-left: 0;

}



.panel-toolbar {

  padding: 5px 15px;

  margin: 0;

  background-color: transparent;

  border-bottom: 1px solid #e0e0e0;

  border-top: 1px solid #e0e0e0;

}



.panel-bordered .panel-toolbar {

  border-top-color: transparent;

}



.panel-toolbar .btn {

  color: #9e9e9e;

  padding: 5px 10px;

}



.panel-toolbar .btn.icon {

  width: 1em;

  text-align: center;

}



.panel-toolbar .btn:hover, .panel-toolbar .btn:active, .panel-toolbar .btn.active {

  color: #757575;

}



.panel-loading {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 6;

  display: none;

  width: 100%;

  height: 100%;

  border-radius: 0.286rem;

  opacity: .6;

}



.panel-loading .loader {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}



.panel > *:not(.panel-loading):not(.collapsing) {

  -webkit-transition: opacity .3s;

  transition: opacity .3s;

}



.panel.is-loading > *:not(.panel-loading) {

  opacity: .3;

}



.panel.is-loading .panel-loading {

  display: block;

  opacity: 1;

}



.panel-footer-chart {

  padding: 0;

}



.panel-control {

  padding: 0;

  border: none;

  border-radius: 0;

  box-shadow: none;

}



.panel-body.scrollable-vertical {

  padding-left: 0 !important;

  padding-right: 0 !important;

}



.panel-body.scrollable-vertical > .scrollable-container > .scrollable-content {

  padding-left: 30px;

  padding-right: 30px;

}



@media (max-width: 479px) {

  .panel-body.scrollable-vertical > .scrollable-container > .scrollable-content {

    padding-left: 20px;

    padding-right: 20px;

  }

}



.panel-body.scrollable-vertical > .scrollable-bar {

  margin-top: 0;

  margin-bottom: 30px;

  height: calc(100% - 30px);

  transform: translateX(-26px);

}



.panel-bordered > .panel-body.scrollable-vertical > .scrollable-bar {

  margin-bottom: 30px;

  height: calc(100% - 60px);

}



.panel-body.scrollable-horizontal {

  padding-top: 0 !important;

  padding-bottom: 0 !important;

}



.panel-body.scrollable-horizontal > .scrollable-container > .scrollable-content {

  padding-top: 0;

  padding-bottom: 30px;

}



.panel-bordered > .panel-body.scrollable-horizontal > .scrollable-container > .scrollable-content {

  padding-top: 30px;

  padding-bottom: 30px;

}



.panel-body.scrollable-horizontal > .scrollable-bar {

  margin-left: 0;

  margin-right: 30px;

  width: calc(100% - 60px);

  transform: translateY(-26px);

}



@media (max-width: 479px) {

  .panel-body.scrollable-horizontal > .scrollable-bar {

    margin-right: 20px;

    width: calc(100% - 40px);

  }

}



.panel-bordered > .panel-body.scrollable-horizontal > .scrollable-bar {

  transform: translateY(-26px);

}



.panel-bordered > .panel-heading {

  border-bottom: 1px solid #e0e0e0;

}



.panel-bordered > .panel-heading > .panel-title {

  padding-bottom: 20px;

}



.panel-bordered > .panel-footer {

  border-top: 1px solid #e0e0e0;

  padding-top: 15px;

}



.panel-bordered > .panel-body {

  padding-top: 30px;

}



.panel-bordered > .table > tbody:first-child > tr:first-child th,

.panel-bordered > .table > tbody:first-child > tr:first-child td {

  border-top: 0;

}



.panel.is-dragging {

  opacity: 0.8;

}



.panel.is-dragging {

  cursor: move;

}



.panel > .nav-tabs-vertical .nav-tabs {

  margin-left: -1px;

}



.panel > .nav-tabs-vertical .nav-tabs > li > a {

  border-left: none;

  border-radius: 0;

}



.panel > .nav-tabs-vertical .nav-tabs.nav-tabs-reverse {

  margin-right: -1px;

}



.panel > .nav-tabs-vertical .nav-tabs.nav-tabs-reverse > li > a {

  border-right: none;

  border-radius: 0;

}



.panel:hover .panel-actions .show-on-hover {

  display: inline-block;

}



.panel .panel-actions .show-on-hover {

  display: none;

}



.panel.is-fullscreen {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 9999;

  width: 100%;

  height: 100%;

  border-radius: 0;

}



.panel.is-fullscreen .panel-loading {

  border-radius: 0;

}



.panel.is-fullscreen .panel-actions [data-toggle=collapse] {

  display: none;

}



.panel.is-close {

  display: none;

}



.panel.is-collapse .panel-body {

  display: none;

  height: 0;

}



.panel > .alert {

  padding-left: 30px;

  padding-right: 30px;

}



.panel > .alert-dismissible {

  padding-right: 50px;

}



@media (max-width: 479px) {

  .panel > .alert {

    padding-left: 20px;

    padding-right: 20px;

  }

  .panel > .alert-dismissible {

    padding-right: 40px;

  }

}



.panel > .table,

.panel > .table-responsive > .table,

.panel > .panel-collapse > .table {

  margin-bottom: 0;

}



.panel > .table caption,

.panel > .table-responsive > .table caption,

.panel > .panel-collapse > .table caption {

  padding-left: 30px 30px;

  padding-right: 30px 30px;

}



.panel > .table:first-child,

.panel > .table-responsive:first-child > .table:first-child {

  border-top-right-radius: 0.214rem;

  border-top-left-radius: 0.214rem;

}



.panel > .table:first-child > thead:first-child > tr:first-child,

.panel > .table:first-child > tbody:first-child > tr:first-child,

.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {

  border-top-left-radius: 0.214rem;

  border-top-right-radius: 0.214rem;

}



.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,

.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,

.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,

.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,

.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,

.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {

  border-top-left-radius: 0.214rem;

}



.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,

.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,

.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,

.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,

.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,

.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {

  border-top-right-radius: 0.214rem;

}



.panel > .table:last-child,

.panel > .table-responsive:last-child > .table:last-child {

  border-bottom-right-radius: 0.214rem;

  border-bottom-left-radius: 0.214rem;

}



.panel > .table:last-child > tbody:last-child > tr:last-child,

.panel > .table:last-child > tfoot:last-child > tr:last-child,

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,

.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {

  border-bottom-left-radius: 0.214rem;

  border-bottom-right-radius: 0.214rem;

}



.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,

.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,

.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,

.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,

.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,

.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {

  border-bottom-left-radius: 0.214rem;

}



.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,

.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,

.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,

.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,

.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,

.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {

  border-bottom-right-radius: 0.214rem;

}



.panel > .panel-body + .table,

.panel > .panel-body + .table-responsive,

.panel > .table + .panel-body,

.panel > .table-responsive + .panel-body {

  border-top: 1px solid #e0e0e0;

}



.panel > .table > tbody:first-child > tr:first-child th,

.panel > .table > tbody:first-child > tr:first-child td {

  border-top: 0;

}



.panel > .table-bordered,

.panel > .table-responsive > .table-bordered {

  border: 0;

}



.panel > .table-bordered > thead > tr > th:first-child,

.panel > .table-bordered > thead > tr > td:first-child,

.panel > .table-bordered > tbody > tr > th:first-child,

.panel > .table-bordered > tbody > tr > td:first-child,

.panel > .table-bordered > tfoot > tr > th:first-child,

.panel > .table-bordered > tfoot > tr > td:first-child,

.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,

.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,

.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,

.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,

.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,

.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {

  border-left: 0;

}



.panel > .table-bordered > thead > tr > th:last-child,

.panel > .table-bordered > thead > tr > td:last-child,

.panel > .table-bordered > tbody > tr > th:last-child,

.panel > .table-bordered > tbody > tr > td:last-child,

.panel > .table-bordered > tfoot > tr > th:last-child,

.panel > .table-bordered > tfoot > tr > td:last-child,

.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,

.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,

.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,

.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,

.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,

.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {

  border-right: 0;

}



.panel > .table-bordered > thead > tr:first-child > td,

.panel > .table-bordered > thead > tr:first-child > th,

.panel > .table-bordered > tbody > tr:first-child > td,

.panel > .table-bordered > tbody > tr:first-child > th,

.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,

.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,

.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,

.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {

  border-bottom: 0;

}



.panel > .table-bordered > tbody > tr:last-child > td,

.panel > .table-bordered > tbody > tr:last-child > th,

.panel > .table-bordered > tfoot > tr:last-child > td,

.panel > .table-bordered > tfoot > tr:last-child > th,

.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,

.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,

.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,

.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {

  border-bottom: 0;

}



.panel > .table-responsive {

  border: 0;

  margin-bottom: 0;

}



.panel > .table > tr > td:first-child,

.panel > .table > tr > th:first-child, .panel > .table > thead > tr > td:first-child,

.panel > .table > thead > tr > th:first-child, .panel > .table > tbody > tr > td:first-child,

.panel > .table > tbody > tr > th:first-child, .panel > .table > tfoot > tr > td:first-child,

.panel > .table > tfoot > tr > th:first-child, .panel > .table-responsive .table > tr > td:first-child,

.panel > .table-responsive .table > tr > th:first-child, .panel > .table-responsive .table > thead > tr > td:first-child,

.panel > .table-responsive .table > thead > tr > th:first-child, .panel > .table-responsive .table > tbody > tr > td:first-child,

.panel > .table-responsive .table > tbody > tr > th:first-child, .panel > .table-responsive .table > tfoot > tr > td:first-child,

.panel > .table-responsive .table > tfoot > tr > th:first-child {

  padding-left: 30px;

}



@media (max-width: 479px) {

  .panel > .table > tr > td:first-child,

  .panel > .table > tr > th:first-child, .panel > .table > thead > tr > td:first-child,

  .panel > .table > thead > tr > th:first-child, .panel > .table > tbody > tr > td:first-child,

  .panel > .table > tbody > tr > th:first-child, .panel > .table > tfoot > tr > td:first-child,

  .panel > .table > tfoot > tr > th:first-child, .panel > .table-responsive .table > tr > td:first-child,

  .panel > .table-responsive .table > tr > th:first-child, .panel > .table-responsive .table > thead > tr > td:first-child,

  .panel > .table-responsive .table > thead > tr > th:first-child, .panel > .table-responsive .table > tbody > tr > td:first-child,

  .panel > .table-responsive .table > tbody > tr > th:first-child, .panel > .table-responsive .table > tfoot > tr > td:first-child,

  .panel > .table-responsive .table > tfoot > tr > th:first-child {

    padding-left: 20px;

  }

}



.panel > .table > tr > td:last-child,

.panel > .table > tr > th:last-child, .panel > .table > thead > tr > td:last-child,

.panel > .table > thead > tr > th:last-child, .panel > .table > tbody > tr > td:last-child,

.panel > .table > tbody > tr > th:last-child, .panel > .table > tfoot > tr > td:last-child,

.panel > .table > tfoot > tr > th:last-child, .panel > .table-responsive .table > tr > td:last-child,

.panel > .table-responsive .table > tr > th:last-child, .panel > .table-responsive .table > thead > tr > td:last-child,

.panel > .table-responsive .table > thead > tr > th:last-child, .panel > .table-responsive .table > tbody > tr > td:last-child,

.panel > .table-responsive .table > tbody > tr > th:last-child, .panel > .table-responsive .table > tfoot > tr > td:last-child,

.panel > .table-responsive .table > tfoot > tr > th:last-child {

  padding-right: 30px;

}



@media (max-width: 479px) {

  .panel > .table > tr > td:last-child,

  .panel > .table > tr > th:last-child, .panel > .table > thead > tr > td:last-child,

  .panel > .table > thead > tr > th:last-child, .panel > .table > tbody > tr > td:last-child,

  .panel > .table > tbody > tr > th:last-child, .panel > .table > tfoot > tr > td:last-child,

  .panel > .table > tfoot > tr > th:last-child, .panel > .table-responsive .table > tr > td:last-child,

  .panel > .table-responsive .table > tr > th:last-child, .panel > .table-responsive .table > thead > tr > td:last-child,

  .panel > .table-responsive .table > thead > tr > th:last-child, .panel > .table-responsive .table > tbody > tr > td:last-child,

  .panel > .table-responsive .table > tbody > tr > th:last-child, .panel > .table-responsive .table > tfoot > tr > td:last-child,

  .panel > .table-responsive .table > tfoot > tr > th:last-child {

    padding-right: 20px;

  }

}



.panel > .table > tbody:first-child > tr:first-child th,

.panel > .table > tbody:first-child > tr:first-child td {

  border-top: 1px solid #e0e0e0;

}



.panel > .list-group,

.panel > .panel-collapse > .list-group {

  margin-bottom: 0;

}



.panel > .list-group .list-group-item,

.panel > .panel-collapse > .list-group .list-group-item {

  border-width: 1px 0;

  border-radius: 0;

}



.panel > .list-group:first-child .list-group-item:first-child,

.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {

  border-top: 0;

  border-top-right-radius: 0.214rem;

  border-top-left-radius: 0.214rem;

}



.panel > .list-group:last-child .list-group-item:last-child,

.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {

  border-bottom: 0;

  border-bottom-right-radius: 0.214rem;

  border-bottom-left-radius: 0.214rem;

}



.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {

  border-top-right-radius: 0;

  border-top-left-radius: 0;

}



.panel > .list-group .list-group-item {

  padding-right: 30px;

  padding-left: 30px;

}



@media (max-width: 479px) {

  .panel > .list-group .list-group-item {

    padding-left: 20px;

    padding-right: 20px;

  }

}



.panel-heading + .list-group .list-group-item:first-child {

  border-top-width: 0;

}



.list-group + .panel-footer {

  border-top-width: 0;

}



.panel-group {

  margin-bottom: 22px;

}



.panel-group .panel {

  margin-bottom: 0;

  border-radius: 0.286rem;

}



.panel-group .panel + .panel {

  margin-top: 5px;

}



.panel-group .panel-heading {

  border-bottom: 0;

}



.panel-group .panel-heading + .panel-collapse > .panel-body,

.panel-group .panel-heading + .panel-collapse > .list-group {

  border-top: 1px solid #e0e0e0;

}



.panel-group .panel-footer {

  border-top: 0;

}



.panel-group .panel-footer + .panel-collapse .panel-body {

  border-bottom: 1px solid #e0e0e0;

}



.panel.panel-transparent {

  background: transparent;

  border-color: transparent;

  box-shadow: none;

}



.panel.panel-transparent > .panel-heading, .panel.panel-transparent > .panel-footer {

  border-color: transparent;

}



.panel-default {

  border-color: #e0e0e0;

}



.panel-default > .panel-heading {

  color: #757575;

  background-color: #e0e0e0;

  border-color: #e0e0e0;

}



.panel-default > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #e0e0e0;

}



.panel-default > .panel-heading .badge-pill {

  color: #e0e0e0;

  background-color: #757575;

}



.panel-default .panel-title {

  color: #757575;

}



.panel-default .panel-action {

  color: #757575;

}



.panel-default .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #e0e0e0;

}



.panel-default .panel-title {

  color: #424242;

}



.panel-primary {

  border-color: #3f51b5;

}



.panel-primary > .panel-heading {

  color: #fff;

  background-color: #3f51b5;

  border-color: #3f51b5;

}



.panel-primary > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #3f51b5;

}



.panel-primary > .panel-heading .badge-pill {

  color: #3f51b5;

  background-color: #fff;

}



.panel-primary .panel-title {

  color: #fff;

}



.panel-primary .panel-action {

  color: #fff;

}



.panel-primary .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #3f51b5;

}



.panel-success {

  border-color: #509d44;

}



.panel-success > .panel-heading {

  color: #ffffff;

  background-color: #4caf50;

  border-color: #509d44;

}



.panel-success > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #509d44;

}



.panel-success > .panel-heading .badge-pill {

  color: #4caf50;

  background-color: #ffffff;

}



.panel-success .panel-title {

  color: #ffffff;

}



.panel-success .panel-action {

  color: #ffffff;

}



.panel-success .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #509d44;

}



.panel-info {

  border-color: #00b0a7;

}



.panel-info > .panel-heading {

  color: #ffffff;

  background-color: #00bcd4;

  border-color: #00b0a7;

}



.panel-info > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #00b0a7;

}



.panel-info > .panel-heading .badge-pill {

  color: #00bcd4;

  background-color: #ffffff;

}



.panel-info .panel-title {

  color: #ffffff;

}



.panel-info .panel-action {

  color: #ffffff;

}



.panel-info .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #00b0a7;

}



.panel-warning {

  border-color: #f06700;

}



.panel-warning > .panel-heading {

  color: #ffffff;

  background-color: #ff9800;

  border-color: #f06700;

}



.panel-warning > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #f06700;

}



.panel-warning > .panel-heading .badge-pill {

  color: #ff9800;

  background-color: #ffffff;

}



.panel-warning .panel-title {

  color: #ffffff;

}



.panel-warning .panel-action {

  color: #ffffff;

}



.panel-warning .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #f06700;

}



.panel-danger {

  border-color: #f3273c;

}



.panel-danger > .panel-heading {

  color: #ffffff;

  background-color: #f44336;

  border-color: #f3273c;

}



.panel-danger > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #f3273c;

}



.panel-danger > .panel-heading .badge-pill {

  color: #f44336;

  background-color: #ffffff;

}



.panel-danger .panel-title {

  color: #ffffff;

}



.panel-danger .panel-action {

  color: #ffffff;

}



.panel-danger .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #f3273c;

}



.panel-dark {

  border-color: #616161;

}



.panel-dark > .panel-heading {

  color: #ffffff;

  background-color: #616161;

  border-color: #616161;

}



.panel-dark > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #616161;

}



.panel-dark > .panel-heading .badge-pill {

  color: #616161;

  background-color: #ffffff;

}



.panel-dark .panel-title {

  color: #ffffff;

}



.panel-dark .panel-action {

  color: #ffffff;

}



.panel-dark .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #616161;

}



.panel-primary,

.panel-info,

.panel-success,

.panel-warning,

.panel-danger,

.panel-dark {

  border: none;

}



.panel-primary .panel-heading,

.panel-info .panel-heading,

.panel-success .panel-heading,

.panel-warning .panel-heading,

.panel-danger .panel-heading,

.panel-dark .panel-heading {

  border: none;

}



.panel-primary .panel-title,

.panel-info .panel-title,

.panel-success .panel-title,

.panel-warning .panel-title,

.panel-danger .panel-title,

.panel-dark .panel-title {

  color: #ffffff;

}



.panel-primary .panel-action,

.panel-info .panel-action,

.panel-success .panel-action,

.panel-warning .panel-action,

.panel-danger .panel-action,

.panel-dark .panel-action {

  color: #ffffff;

}



.panel-line .panel-heading {

  background: transparent;

  border: none;

  border-top: 3px solid transparent;

}



.panel-line.panel-default .panel-heading {

  color: #e0e0e0;

  border-top-color: #e0e0e0;

  background: transparent;

}



.panel-line.panel-default .panel-title {

  color: #e0e0e0;

}



.panel-line.panel-default .panel-action {

  color: #e0e0e0;

}



.panel-line.panel-default .panel-title {

  color: #424242;

}



.panel-line.panel-default .panel-action {

  color: #9e9e9e;

}



.panel-line.panel-primary .panel-heading {

  color: #3f51b5;

  border-top-color: #3f51b5;

  background: transparent;

}



.panel-line.panel-primary .panel-title {

  color: #3f51b5;

}



.panel-line.panel-primary .panel-action {

  color: #3f51b5;

}



.panel-line.panel-success .panel-heading {

  color: #4caf50;

  border-top-color: #4caf50;

  background: transparent;

}



.panel-line.panel-success .panel-title {

  color: #4caf50;

}



.panel-line.panel-success .panel-action {

  color: #4caf50;

}



.panel-line.panel-info .panel-heading {

  color: #00bcd4;

  border-top-color: #00bcd4;

  background: transparent;

}



.panel-line.panel-info .panel-title {

  color: #00bcd4;

}



.panel-line.panel-info .panel-action {

  color: #00bcd4;

}



.panel-line.panel-warning .panel-heading {

  color: #ff9800;

  border-top-color: #ff9800;

  background: transparent;

}



.panel-line.panel-warning .panel-title {

  color: #ff9800;

}



.panel-line.panel-warning .panel-action {

  color: #ff9800;

}



.panel-line.panel-danger .panel-heading {

  color: #f44336;

  border-top-color: #f44336;

  background: transparent;

}



.panel-line.panel-danger .panel-title {

  color: #f44336;

}



.panel-line.panel-danger .panel-action {

  color: #f44336;

}



.panel-line.panel-dark .panel-heading {

  color: #616161;

  border-top-color: #616161;

  background: transparent;

}



.panel-line.panel-dark .panel-title {

  color: #616161;

}



.panel-line.panel-dark .panel-action {

  color: #616161;

}



@media (max-width: 767px) {

  .panel-actions {

    position: relative;

    top: auto;

    right: auto;

    display: block;

    margin: auto;

    padding: 0 30px 15px;

    transform: none;

  }

  .panel-actions-keep {

    position: absolute;

    top: 50%;

    right: 30px;

    padding: 0;

    transform: translate(0%, -50%);

  }

}



@media (max-width: 479px) {

  .panel-actions {

    padding-left: 20px;

  }

  .panel-actions-keep {

    right: 15px;

  }

  .panel-actions .progress {

    min-width: 80px;

  }

  .panel-actions .show-on-hover {

    display: none;

  }

  .panel-title, .panel-body, .panel-footer {

    padding-left: 20px;

    padding-right: 20px;

  }

}



.panel-group {

  margin-bottom: 22px;

}



.panel-group .panel {

  margin-bottom: 0;

  border-radius: 0.286rem;

  box-shadow: none;

}



.panel-group .panel + .panel {

  margin-top: 10px;

}



.panel-group .panel-title {

  position: relative;

  padding: 15px 45px 15px 30px;

  font-size: 1rem;

}



.panel-group .panel-title:before, .panel-group .panel-title:after {

  position: absolute;

  top: 15px;

  right: 30px;

  font-family: "Material-Design-Iconic-Font";

  transition: all 300ms linear 0s;

}



.panel-group .panel-title:before {

  content: "";

}



.panel-group .panel-title:after {

  content: "";

}



.panel-group .panel-title[aria-expanded="false"]:before {

  opacity: .4;

}



.panel-group .panel-title[aria-expanded="false"]:after {

  opacity: 0;

  transform: rotate(-180deg);

}



.panel-group .panel-title[aria-expanded="true"]:before {

  opacity: 0;

  transform: rotate(180deg);

}



.panel-group .panel-title[aria-expanded="true"]:after {

  opacity: 1;

}



.panel-group .panel-title:hover, .panel-group .panel-title:focus {

  color: #757575;

  text-decoration: none;

}



.panel-group .panel-title:focus {

  outline: none;

}



.panel-group .panel-heading {

  border-bottom: 0;

}



.panel-group .panel-heading + .panel-collapse {

  margin: 0;

}



.panel-group .panel-heading + .panel-collapse > .list-group {

  border-top: 1px solid #e0e0e0;

}



.panel-group .panel-collapse .panel-body {

  padding: 15px 30px;

}



.panel-group .panel-footer {

  border-top: 0;

}



.panel-group .panel-footer + .panel-collapse .panel-body {

  border-bottom: 1px solid #e0e0e0;

}



.panel-group .panel + .panel {

  margin-top: 10px;

}



.panel-group-continuous .panel {

  border-radius: 0;

}



.panel-group-continuous .panel:first-child {

  border-radius: 0.286rem 0.286rem 0 0;

}



.panel-group-continuous .panel:last-child {

  border-radius: 0 0 0.286rem 0.286rem;

}



.panel-group-continuous .panel + .panel {

  margin-top: 0;

  border-top: 1px solid #e0e0e0;

}



.panel-group-simple .panel {

  background: transparent;

  box-shadow: none;

}



.panel-group-simple .panel-title {

  padding-left: 0;

  padding-bottom: 10px;

}



.panel-group-simple .panel-title:before, .panel-group-simple .panel-title:after {

  right: 5px;

}



.panel-group-simple .panel-collapse .panel-body {

  padding-left: 0;

  padding-right: 0;

  padding-top: 10px;

}



.panel-group-simple .panel + .panel {

  margin-top: 0;

}



/*---Notification---*/

.jq-icon-info { background-color: #398bf7; color: #d9edf7; border-color: #2e7de5; }

.jq-icon-warning { background-color: #ffb22b; color: #333333; border-color: #df9e1b; }

.jq-icon-error { background-color: #fc4b6c; color: #f2dede; border-color: #e73f3c; }

.jq-icon-success { color: #fafafa; background-color: #0fc491; border-color: #0fc491; }



.myadmin-alert {

    border-radius: 0;

    color: #fff;

    padding: 12px 30px 12px 12px;

    position: relative;

    text-align: left

}



.myadmin-alert a {

    color: inherit;

    font-weight: 600;

    text-decoration: underline

}



.myadmin-alert h4 {

    color: inherit;

    font-size: 14px;

    font-weight: 600;

    line-height: normal;

    margin: 0

}



.myadmin-alert .img {

    border-radius: 3px;

    height: 40px;

    left: 12px;

    position: absolute;

    top: 12px;

    width: 40px

}



.myadmin-alert-img {

    min-height: 64px;

    padding-left: 65px

}



.myadmin-alert-icon {

    padding-left: 20px

}



.myadmin-alert-icon i {

    padding-right: 10px

}



.myadmin-alert .closed {

    color: rgba(255, 255, 255, .5);

    font-size: 20px;

    font-weight: 500;

    padding: 4px;

    position: absolute;

    right: 3px;

    text-decoration: none;

    top: 0

}



.myadmin-alert .closed:hover {

    color: #fff

}



.myadmin-alert-click {

    cursor: pointer;

    padding-right: 12px

}



.myadmin-alert .primary {

    background: rgba(0, 0, 0, .4);

    border: none;

    border-radius: 3px;

    color: inherit;

    outline: 0;

    padding: 4px 10px

}



.myadmin-alert .cancel {

    background: rgba(255, 255, 255, .4);

    border: none;

    border-radius: 3px;

    color: rgba(0, 0, 0, .8);

    outline: 0;

    padding: 4px 10px

}



.myadmin-alert .cancel:hover,

.myadmin-alert .primary:hover {

    opacity: .9

}



.myadmin-alert-bottom,

.myadmin-alert-bottom-left,

.myadmin-alert-bottom-right,

.myadmin-alert-fullscreen,

.myadmin-alert-top,

.myadmin-alert-top-left,

.myadmin-alert-top-right {

    box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);

    display: none;

    position: fixed;

    z-index: 1111;

}



.myadmin-alert-top {

    left: 0;

    right: 0;

    top: 0

}



.myadmin-alert-bottom {

    bottom: 0;

    left: 0;

    right: 0

}



.myadmin-alert-top-left {

    left: 20px;

    top: 80px

}



.myadmin-alert-top-right {

    right: 20px;

    top: 80px

}



.myadmin-alert-bottom-left {

    bottom: 20px;

    left: 20px

}



.myadmin-alert-bottom-right {

    bottom: 20px;

    right: 20px

}



.myadmin-alert-fullsize {

    left: 50%;

    margin: -20px;

    top: 50%

}



.alert-custom {

    background: #2cabe3;

    color: #fff;

    border-color: #2cabe3

}



.alert-inverse {

    background: #4c5667;

    color: #fff;

    border-color: #4c5667

}



.alert-success {

    background: #26c6da;

    color: #fff;

    border-color: #26c6da

}



.alert-dark {

    background: #313131;

    color: #fff;

    border-color: #313131

}



.alert-warning {

    background: #ffc36d;

    color: #fff;

    border-color: #ffc36d

}



.alert-danger {

    background: #fc4b6c;

    color: #fff;

    border-color: #fc4b6c

}



.alert-primary {

    background: #707cd2;

    color: #fff;

    border-color: #707cd2

}



.alert-info {

    background: #2568ef;

    color: #fff;

    border-color: #2568ef

}



.alert-info .closed,

.alert-info a.closed:hover {

    color: inherit

}



/*---Advanced Medias---*/

.media-body > * {

    margin-bottom: 5px;

	margin-top: 0;

}

.media .lead {

    line-height: 1.875rem;

}

.media > * {

    margin: 0 8px;

}

.media-body > p:last-child {

    color: #67757c;

}

.media .custom-control {

    margin-right: 0;

	margin-left: 0;

	padding-left: 0;

	margin-top: 5px;

}

.media .custom-control [type=checkbox]+label{

	padding-left: 20px;

}

.media.active {

    background-color: #f9fafb;

}

.media .media-body .list-inline>li {

    padding-left: 0px;

    padding-right: 5px;

}

.media .media-hover-show {

    opacity: 0;

    -webkit-transition: .3s;

    transition: .3s;

}

.media:hover .media-hover-show {

    opacity: 1;

}

.media {

    flex-shrink: 0;

}

.media.flex-column > div {

    width: 100%;

}

.media.flex-column > * {

    margin: 0;

}

.align-sub {

  vertical-align: sub;

}

.avatar {

    position: relative;

    display: inline-block;

    width: 36px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    border-radius: 100%;

    background-color: #f5f6f7;

    color: #fff;

    text-transform: uppercase;

}

.avatar img {

  width: 100%;

  height: 100%;

  border-radius: 100%;

  vertical-align: top;

}



.avatar-bordered {

  border: 4px solid rgba(255, 255, 255, 0.25);

  -webkit-background-clip: padding-box;

  /* for Safari */

  background-clip: padding-box;

  /* for IE9+, Firefox 4+, Opera, Chrome */

}



.avatar-square {

  border-radius: 0;

}



.avatar-sm {

  width: 29px;

  height: 29px;

  line-height: 29px;

  font-size: 0.75rem;

}



.avatar-lg {

  width: 48px;

  height: 48px;

  line-height: 48px;

  font-size: 1.125rem;

}



.avatar-xl {

  width: 64px;

  height: 64px;

  line-height: 64px;

  font-size: 1.25rem;

}



.avatar-xxl {

  width: 96px;

  height: 96px;

  line-height: 96px;

  font-size: 1.375rem;

}



.avatar-xxxl {

  width: 128px;

  height: 128px;

  line-height: 128px;

  font-size: 1.5rem;

}



.avatar-pill {

  width: auto;

  border-radius: 18px;

  color: #788394;

  text-transform: none;

  letter-spacing: 0;

  background-color: #f9fafb;

  font-size: 0.875rem;

  display: -webkit-inline-box;

  display: inline-flex;

  -webkit-box-align: center;

          align-items: center;

}



.avatar-pill:hover, .avatar-pill:focus {

  color: #788394;

  background-color: #f5f6f7;

}



.avatar-pill img {

  width: 36px;

}



.avatar-pill span {

  padding-right: 18px;

  padding-left: 8px;

}



.avatar-pill .close {

  padding-left: 0;

  padding-right: 8px;

  font-size: 19px;

  line-height: inherit;

}



.avatar-pill.avatar-sm {

  border-radius: 14.5px;

  font-size: 0.8125rem;

}



.avatar-pill.avatar-sm img {

  width: 29px;

}



.avatar-pill.avatar-sm span {

  padding-right: 14.5px;

}



.avatar-pill.avatar-sm .close {

  padding-right: 6px;

  font-size: 18px;

}



.avatar-pill.avatar-lg {

  border-radius: 24px;

  font-size: 0.9375rem;

}



.avatar-pill.avatar-lg img {

  width: 48px;

}



.avatar-pill.avatar-lg span {

  padding-right: 24px;

}



.avatar-pill.avatar-lg .close {

  padding-right: 10px;

  font-size: 20px;

}



.avatar-pill.avatar-xl {

  border-radius: 32px;

  font-size: 1rem;

}



.avatar-pill.avatar-xl img {

  width: 64px;

}



.avatar-pill.avatar-xl span {

  padding-right: 32px;

  padding-left: 12px;

}



.avatar-pill.avatar-xl .close {

  padding-right: 12px;

  font-size: 22px;

}



.avatar-pill.avatar-xxl {

  border-radius: 48px;

  font-size: 1.125rem;

}



.avatar-pill.avatar-xxl img {

  width: 96px;

}



.avatar-pill.avatar-xxl span {

  padding-right: 48px;

  padding-left: 12px;

}



.avatar-pill.avatar-xxl .close {

  padding-right: 16px;

  font-size: 24px;

}



.avatar-pill.avatar-xxxl {

  border-radius: 64px;

  font-size: 1.25rem;

}



.avatar-pill.avatar-xxxl img {

  width: 128px;

}



.avatar-pill.avatar-xxxl span {

  padding-right: 64px;

  padding-left: 12px;

}



.avatar-pill.avatar-xxxl .close {

  padding-right: 20px;

  font-size: 24px;

}



.avatar[class*='status-']::after {

  content: '';

  position: absolute;

  right: 0px;

  bottom: 0;

  display: inline-block;

  width: 10px;

  height: 10px;

  border-radius: 100%;

  border: 2px solid #fff;

  background-color: #7460ee;

}



.avatar[class*='status-'].avatar-sm::after {

  right: -2px;

  width: 9px;

  height: 9px;

}



.avatar[class*='status-'].avatar-lg::after {

  right: 4px;

}



.avatar[class*='status-'].avatar-xl::after {

  right: 5px;

  width: 11px;

  height: 11px;

}



.avatar[class*='status-'].avatar-xxl::after {

  right: 15px;

  width: 12px;

  height: 12px;

}



.avatar[class*='status-'].avatar-xxxl::after {

  right: 25px;

  width: 16px;

  height: 16px;

}



.avatar.status-success::after {

  background-color: #26c6da;

}



.avatar.status-info::after {

  background-color: #2568ef;

}



.avatar.status-warning::after {

  background-color: #ffb22b;

}



.avatar.status-danger::after {

  background-color: #fc4b6c;

}



.avatar.status-dark::after {

  background-color: #465161;

}



.avatar-list {

  display: -webkit-inline-box;

  display: inline-flex;

}



.avatar-list:not(.avatar-list-overlap) {

  margin: -2px;

}



.avatar-list:not(.avatar-list-overlap) > * {

  margin: 2px;

}



.avatar-list-overlap .avatar {

  border: 2px solid #fff;

  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);

          box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);

  -webkit-transition: .15s linear;

  transition: .15s linear;

}



.avatar-list-overlap .avatar + .avatar {

  margin-left: -16px;

}



.avatar-list-overlap .avatar + .avatar-sm {

  margin-left: -12px;

}



.avatar-list-overlap .avatar + .avatar-lg {

  margin-left: -20px;

}



.avatar-list-overlap .avatar + .avatar-xl {

  margin-left: -26px;

}



.avatar-list-overlap .avatar + .avatar-xxl {

  margin-left: -36px;

}



.avatar-list-overlap .avatar + .avatar-xxxl {

  margin-left: -48px;

}



.avatar-list-overlap .overlap-exclude,

.avatar-list-overlap .avatar:hover + .avatar {

  margin-left: 0;

}



.avatar-add {

  font-family: themify;

  background-color: transparent;

  border: 1px dashed #afb7c5;

  color: #929daf;

  font-size: 0.875rem;

}



.avatar-add::before {

  content: "\e61a";

}



.avatar-add:hover {

  background-color: #7460ee;

  border-color: #7460ee;

  color: #fff;

}



.avatar-more span {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  color: rgba(255, 255, 255, 0.8);

  border-radius: 100%;

  background-color: rgba(0, 0, 0, 0.5);

  -webkit-transition: 0.3s ease;

  transition: 0.3s ease;

}



.avatar-more:hover span {

  color: #fff;

  background-color: rgba(0, 0, 0, 0.65);

}



[data-provide~="more-avatar"] ~ .avatar {

  display: none;

}



/*---switch---*/

.switch {

    font-weight: 500;

    letter-spacing: 0;

    margin-bottom: 0;

    line-height: 29px;

    cursor: pointer;

    white-space: nowrap;

}

.switch input {

    display: none;

}

.switch-indicator {

    position: relative;

    display: inline-block;

    width: 40px;

    height: 10px;

    background: #e3e4e5;

    border-radius: 20px;

    vertical-align: middle;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}

.switch input:checked ~ .switch-indicator {

    background: #CDEAFD;

}

.switch input:checked ~ .switch-indicator::after {

    background: #398bf7;

    left: calc(100% - 20px);

    -webkit-box-shadow: 0px 0px 3px #fcfdfe;

    box-shadow: 0px 0px 3px #fcfdfe;

}

.switch-indicator::after {

    content: '';

    display: block;

    position: absolute;

    left: 0px;

    width: 20px;

    height: 20px;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    cursor: inherit;

    background: #fff;

    border-radius: 50%;

    top: -5px;

    -webkit-box-shadow: 0px 0px 3px #bbb;

    box-shadow: 0px 0px 3px #bbb;

}



/*---fullscreen---*/

[data-provide~="boxfull"].is-fullscreen .fullscreen-default, [data-provide~="fullscreen"].is-fullscreen .fullscreen-default {

    display: none;

}

[data-provide~="boxfull"].is-fullscreen .fullscreen-active, [data-provide~="fullscreen"].is-fullscreen .fullscreen-active {

    display: inline-block;

}

[data-provide~="boxfull"] .fullscreen-active, [data-provide~="fullscreen"] .fullscreen-active {

    display: none;

}



/*---badges---*/

.badge {

  border-radius: 3px;

  font-weight: 500;

  line-height: 1.3;

  font-size: 85%;

}



.badge:empty {

  display: inline-block;

  vertical-align: inherit;

}



.badge-pill {

  border-radius: 10rem;

}



.badge-primary {

  background-color: #7460ee;

}



.badge-primary[href]:focus, .badge-primary[href]:hover {

  background-color: #2b95d4;

}



.badge-secondary {

  background-color: #398bf7;

}



.badge-secondary[href]:focus, .badge-secondary[href]:hover {

  background-color: #2e7de5;

}



.badge-success {

  background-color: #26c6da;

}



.badge-success[href]:focus, .badge-success[href]:hover {

  background-color: #0fc491;

}



.badge-info {

  background-color: #2568ef;

}



.badge-info[href]:focus, .badge-info[href]:hover {

  background-color: #2e7de5;

}



.badge-warning {

  background-color: #ffb22b;

}



.badge-warning[href]:focus, .badge-warning[href]:hover {

  background-color: #df9e1b;

}



.badge-danger {

  background-color: #fc4b6c;

}



.badge-danger[href]:focus, .badge-danger[href]:hover {

  background-color: #e73f3c;

}



.badge-pink {

  background-color: #FC3468;

}



.badge-pink[href]:focus, .badge-pink[href]:hover {

  background-color: #f84887;

}



.badge-purple {

  background-color: #7c277d;

}



.badge-purple[href]:focus, .badge-purple[href]:hover {

  background-color: #664ce1;

}



.badge-brown {

  background-color: #8d6658;

}



.badge-brown[href]:focus, .badge-brown[href]:hover {

  background-color: #7d5b4e;

}



.badge-cyan {

  background-color: #57c7d4;

}



.badge-cyan[href]:focus, .badge-cyan[href]:hover {

  background-color: #43c0cf;

}



.badge-yellow {

  background-color: #fcc525;

}



.badge-yellow[href]:focus, .badge-yellow[href]:hover {

  background-color: #fcbe0c;

}



.badge-gray {

  background-color: #d2d6de;

}



.badge-gray[href]:focus, .badge-gray[href]:hover {

  background-color: #b5bbc8;

}



.badge-dark {

  background-color: #465161;

}



.badge-dark[href]:focus, .badge-dark[href]:hover {

  background-color: #3b4552;

}



.badge-warning {

  color: #fff;

}



.badge-default {

  color: #788394;

  background-color: #f5f6f7;

}



.badge-default[href]:focus, .badge-default[href]:hover {

  color: #788394;

  background-color: #edeef0;

}



.badge-secondary {

  color: #788394;

  background-color: #e4e7ea;

}



.badge-secondary[href]:focus, .badge-secondary[href]:hover {

  color: #788394;

  background-color: #dbdfe3;

}



.badge-sm {

  line-height: 1.2;

  padding-top: 1px;

  padding-bottom: 2px;

  font-size: 75%;

}



.badge-lg {

  line-height: 1.5;

  padding: 5px 7px;

  font-size: 95%;

}



.badge-xl {

  line-height: 1.7;

  padding: 7px 9px;

  font-size: 100%;

}



.badge-dot {

  width: 8px;

  height: 8px;

  padding: 0;

  border-radius: 100%;

  vertical-align: middle;

}



.badge-dot.badge-sm {

  width: 6px;

  height: 6px;

}



.badge-dot.badge-lg {

  width: 10px;

  height: 10px;

}



.badge-dot.badge-xl {

  width: 12px;

  height: 12px;

}



.badge-ring {

  position: relative;

  width: 10px;

  height: 10px;

  padding: 0;

  border-radius: 100%;

  vertical-align: middle;

}



.badge-ring::after {

  content: '';

  position: absolute;

  top: 2px;

  left: 2px;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background-color: #fff;

  -webkit-transform: scale(1);

          transform: scale(1);

  -webkit-transition: .3s;

  transition: .3s;

}



.badge-ring.badge-sm {

  width: 8px;

  height: 8px;

}



.badge-ring.badge-sm::after {

  width: 4px;

  height: 4px;

}



.badge-ring.badge-lg {

  width: 12px;

  height: 12px;

}



.badge-ring.badge-lg::after {

  width: 8px;

  height: 8px;

}



.badge-ring.badge-xl {

  width: 14px;

  height: 14px;

}



.badge-ring.badge-xl::after {

  width: 10px;

  height: 10px;

}



.badge-ring.fill::after {

  -webkit-transform: scale(0);

          transform: scale(0);

}



.badge-bold {

  font-family: Open Sans, sans-serif;

  text-transform: uppercase;

  font-weight: 500;

  letter-spacing: 1px;

}



.list-group .badge-pill {

  margin-top: 3px;

}



/*---modal---*/

.modal-left .modal-content {

    height: 100%;

    display: -webkit-box;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column;

    border-radius: 0;

}

.modal-left .modal-dialog {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 360px;

    max-width: 100%;

    margin: 0;

    -webkit-transform: translate(-100%, 0) !important;

    transform: translate(-100%, 0) !important;

    -webkit-transition: .5s;

    transition: .5s;

}

.modal-left.show .modal-dialog {

    -webkit-transform: translate(0, 0) !important;

    transform: translate(0, 0) !important;

}



.center-modal.show {

    -webkit-transform: scale(1);

    transform: scale(1);

}

.center-modal {

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition: .4s;

    transition: .4s;

}

.center-modal .modal-dialog {

    margin: 0;

    width: 100%;

    position: absolute;

    bottom: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, 50%) !important;

    transform: translate(-50%, 50%) !important;

}



.modal-fill.show {

    display: -webkit-box !important;

    display: flex !important;

    -webkit-box-pack: center;

    justify-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-flow: column nowrap;

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transition: .4s;

    transition: .4s;

}

.modal-fill .modal-dialog {

    display: -webkit-box;

    display: flex;

    max-width: 100%;

    width: 100%;

    height: 100%;

    margin: 0;

    -webkit-box-pack: center;

    justify-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-flow: column nowrap;

    align-content: center;

    -webkit-box-align: center;

    align-items: center;

}

.modal-fill .modal-content {

    background: rgba(255, 255, 255, 0.97);

    width: 100%;

    max-width: 600px;

	box-shadow:none;

}

.modal-fill {

    background: rgba(255, 255, 255, 0.97);

    -webkit-transform: scale(0, 0);

    transform: scale(0, 0);

    -webkit-transition: .4s;

    transition: .4s;

}

.modal.modal-fill{

	background: rgba(255, 255, 255, 0.97);

}



.modal-fill .modal-header .close {

    position: fixed;

    top: 0;

    right: 0;

    padding: 20px;

    font-size: 2.5rem;

    font-weight: 500;

}

.modal-fill .modal-header {

    border-bottom: none;

}

.modal-fill .modal-footer {

    border: none;

}





.modal-right.show .modal-dialog {

    -webkit-transform: translate(0, 0) !important;

    transform: translate(0, 0) !important;

}

.modal-right .modal-dialog {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: 360px;

    max-width: 100%;

    margin: 0;

    -webkit-transform: translate(100%, 0) !important;

    transform: translate(100%, 0) !important;

    -webkit-transition: .5s;

    transition: .5s;

}

.modal-right .modal-content {

    height: 100%;

    display: -webkit-box;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column;

    border-radius: 0;

}



/*---mask Formatter---*/

.sidetitle {

  font-style: italic;

  margin-left: 0.5rem;

}



.sidetitle::before {

  content: '\2014 \00A0';

}



.subtitle {

  display: block;

  margin-top: 8px;

}





/*---Statistic widgets---*/



.flexbox {

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

}

.flexbox .dropdown i {

    font-size: 14px;

}

.no-shrink {

    flex-shrink: 0;

}

.flex-justified > *, .flex-grow-all > *, .flex-cols-wide > *, .flex-col-wide, .flex-grow {

    -webkit-box-flex: 1;

    flex: 1 1 0%;

}

.flexbox > * {

    margin-left: 4px;

    margin-right: 4px;

}

.flexbox > *:last-child {

    margin-right: 0;

}

.flexbox > *:first-child {

    margin-left: 0;

}

.list-inline>li.flexbox {

    display: -webkit-box;

    display: flex;

}

ul.flexbox {

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

}

.flexbox .list-inline>li {

    display: block;

}

.dropdown-toggle.no-caret::after {

  display: none;

}

.dropdown-item {

    color: #444;

    font-weight: 500;

    padding: 6px 12px;

    width: auto;

    font-size: 14px;

    margin: 0;

    transition: none !important;

   /* -webkit-transition: 0.15s linear;

    transition: 0.15s linear;*/

}



.dropdown-item:hover {

    text-decoration: none;

    background-color: #F2F4F7;

    color: #000;

}



.flexbox .dropdown a i {

    font-size: 1rem;

}

.dropdown-menu, .dropdown-grid {

    color: #616a78;

    border-radius: 2px;

    font-size: 13px;

    border-color: #f1f2f3;

    padding: 0;

    box-shadow: 0 0 0 1px rgba(77,101,117,0.1), 0 3px 10px 0 rgba(77,101,117,0.2);

    z-index: 992;

}

.dropdown-toggle {

    cursor: pointer;

    -webkit-transition: .2s linear;

    transition: .2s linear;

}

.dropdown-item i {

    margin-right: 0.5rem;

}

.card-header .card-title {

    padding: 0;

    border: none;

}

.card-header > *:first-child {

    margin-left: 0;

}

.card-title {

    line-height: 1.5;

    margin-bottom: 0;

    padding: 15px 20px;

    border-bottom: 1px solid rgba(97, 106, 120, 0.07);

}

.card-header > *:last-child {

    margin-right: 0;

}

.card-controls {

    list-style-type: none;

    padding-left: 0;

    margin-bottom: 0;

    display: -webkit-box;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    flex-direction: row-reverse;

}

.card-header > * {

    margin-left: 8px;

    margin-right: 8px;

}

.card-header {

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    align-items: center;

    padding: 15px 20px;

    background-color: transparent;

    border-bottom: 1px solid rgba(97, 106, 120, 0.07);

}

.card-controls [data-toggle="dropdown"], .card-controls .card-btn-reload {

    font-size: 14px;

}

.card-controls li > a {

    font-size: 12px;

    display: inline-block;

    padding: 0 4px;

    margin: 0 4px;

    color: #929daf;

    opacity: .8;

    -webkit-transition: 0.3s linear;

    transition: 0.3s linear;

}

.dropdown-item.active, .dropdown-item:active {

    color: #616a78;

    background-color: #f5f6f7;

}

.percent {

  display: inline-block;

  line-height: 110px;

  z-index: 2;

}

.percent:after {

  content: '%';

  margin-left: 0.1em;

  font-size: .8em;

}

.easypie {

    position: relative;

    display: inline-block;

    width: 110px;

    height: 110px;

    text-align: center;

}

.easypie canvas {

    position: absolute;

    top: 0;

    left: 0;

}



/*---media---*/

.media {

  padding: 10px 10px;

  -webkit-transition: background-color .2s linear;

  transition: background-color .2s linear;

}



.media > * {

  margin: 0 8px;

}

.media .nav-link:focus, .media .nav-link:hover {

     background-color: transparent; 

}

.media a:not(.btn):not(.avatar) {

  color: #616a78;

}



.media.flex-column > * {

  margin: 0;

}



.media.flex-column > div {

  width: 100%;

}



.media.active {

  background-color: #f9fafb;

}



.media.bordered {

  border: 1px solid #ebebeb;

}



.media.items-center {

  -webkit-box-align: center;

          align-items: center;

}



.media[data-provide~="checkable"], .media[data-provide~="selectable"] {

  cursor: pointer;

}



.media .media {

  margin-top: 1.25rem;

}



.media .lead {

  line-height: 1.875rem;

}



.media .title {

  -webkit-box-flex: 1;

          flex: 1 1 0%;

}



.media .avatar {

  flex-shrink: 0;

}



.media .align-center {

  -ms-grid-row-align: center;

      align-self: center;

}



.media .media-hover-show {

  opacity: 0;

  -webkit-transition: .3s;

  transition: .3s;

}



.media .dropdown .dropdown-toggle {

  opacity: .7;

}



.media .dropdown:hover .dropdown-toggle, .media .dropdown.open .dropdown-toggle {

  opacity: 1;

}



.media:hover .media-hover-show {

  opacity: 1;

}



.media .custom-control {

  margin-right: 0;

}



.media .nav {

  flex-wrap: nowrap;

  margin-left: -8px;

  margin-right: -8px;

}



.media .nav-link {

  line-height: 24px;

  font-size: 90%;

  padding: 0 8px;

}



.media-reverse {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

          flex-direction: row-reverse;

}



.media-center {

  -webkit-box-align: center;

          align-items: center;

}



.media-block-actions {

  display: -webkit-box;

  display: flex;

  -webkit-box-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

          align-items: center;

  margin-top: 1rem;

  -webkit-transition: .5s;

  transition: .5s;

}



.media:hover .media-block-actions {

  opacity: 1;

}



.media-collapsible {

  flex-wrap: wrap;

}



.media-collapsible .collapse {

  -webkit-box-flex: 1;

          flex-grow: 1;

  flex-shrink: 0;

  min-width: 100%;

}



.collapse-arrow::before {

  content: "\e64b";

  font-family: themify;

  display: inline-block;

  -webkit-transition: .4s;

  transition: .4s;

}



.collapse-arrow:not(.collapsed)::before {

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);

}

.media-body {

    min-width: 0;

    padding-bottom: 6px;

}



.media-body > * {

  margin-bottom: 0;

}



.media-body .media > *:first-child {

  margin-left: 0;

}



.media-body .media > *:last-child {

  margin-right: 0;

}



.media-left {

  padding-right: 0;

}



.media-right-out {

  padding-left: 1.25rem;

}



.media-right-out a {

  color: #788394;

  font-size: 1.125rem;

  opacity: 0.8;

}



.media-right-out a:hover {

  color: #7460ee;

}



.media-right-out a + a {

  margin-left: 0.5rem;

}



.media-action {

  opacity: 0;

  color: #929daf;

}



.media:hover .media-action {

  opacity: 1;

}



.media-action-visible .media-action {

  opacity: 1;

}



.media.media-xs {

  padding: 10px 6px;

}



.media.media-sm {

  padding: 12px 8px;

}



.media.media-lg {

  padding-top: 20px 16px;

}



.media.media-xl {

  padding-top: 24px 20px;

}



.media.media-xxl {

  padding-top: 32px 24px;

}



.media-inverse,

.media-inverse h1, .media-inverse h2, .media-inverse h3, .media-inverse h4, .media-inverse h5, .media-inverse h6 {

  color: #fff;

}



.media-inverse .small,

.media-inverse small,

.media-inverse time {

  color: rgba(255, 255, 255, 0.7);

}



.media-inverse .nav-link {

  color: rgba(255, 255, 255, 0.7);

}



.media-inverse .nav-link:hover {

  color: white;

}



.media-new {

  background-color: #f3f9ff;

}



.media-list-hover .media-new:hover {

  background-color: #ecf5fe !important;

}



.media-single,

.media-center-v {

  -webkit-box-align: center;

          align-items: center;

}



.media-vertical {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

          flex-direction: column;

}



.media-chat {

  padding-right: 64px;

  margin-bottom: 0;

}



.media-chat.media-chat-reverse {

  padding-right: 12px;

  padding-left: 64px;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

          flex-direction: row-reverse;

}



.media-chat .media-body {

  display: table;

}



.media-chat .media-body p {

  position: relative;

  padding: 6px 8px;

  margin: 4px 0;

  background-color: #f5f6f7;

  border-radius: 3px;

}



.media-chat .media-body p.inverse {

  color: #fff;

}



.media-chat .media-body p.meta {

  background-color: transparent !important;

  padding: 0;

  opacity: .8;

}



.media-chat .media-body p.meta time {

  font-weight: 500;

}



.media-chat.media-chat-reverse .media-body p {

  float: right;

  clear: right;

  background-color: #398bf7;

  color: #fff;

}



.media-meta-day {

  -webkit-box-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

          align-items: center;

  margin-bottom: 0;

  color: #929daf;

  opacity: .8;

  font-weight: 500;

}



.media-meta-day::before, .media-meta-day::after {

  content: '';

  -webkit-box-flex: 1;

          flex: 1 1 0%;

  border-top: 1px solid #ebebeb;

}



.media-meta-day::before {

  margin-right: 16px;

}



.media-meta-day::after {

  margin-left: 16px;

}



@media (max-width: 767px) {

  .media-doc {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

            flex-direction: column;

  }

  .media-doc > * {

    margin-left: 0;

    margin-right: 0;

  }

  .media-doc .media-body {

    margin: 30px 0;

  }

}



.media-list > .media:not(.media-list-header):not(.media-list-footer),

.media-list .media-list-body > .media {

  margin-bottom: 0;

}



.media-listul {

  padding-left: 0;

}



.media-list .media .sortable-dot {

  margin: 0;

  margin-left: -5px;

  opacity: 0;

  border-radius: 2px;

  -webkit-transition: .5s;

  transition: .5s;

}



.media-list .media:hover .sortable-dot {

  opacity: .6;

}



.media-list[data-provide~="selectable"] .media:not(.media-list-header):not(.media-list-footer) {

  cursor: pointer;

}



.media-list-hover > .media:not(.media-list-header):not(.media-list-footer):hover,

.media-list-hover .media-list-body > .media:hover {

  background-color: #f9fafb;

}



.media-list-divided > .media:not(.media-list-header):not(.media-list-footer),

.media-list-divided .media-list-body > .media {

  border-bottom: 1px solid rgba(97, 106, 120, 0.07);

}



.media-list-divided > .media:not(.media-list-header):not(.media-list-footer):last-child,

.media-list-divided .media-list-body > .media:last-child {

  border-bottom: none;

}



.media-list-bordered {

  border: 1px solid #f1f2f3;

}



.media-list-striped .media:not(.media-list-header):not(.media-list-footer):nth-child(even) {

  background-color: #f9fafb;

}



.media-list-xs .media {

  padding: 10px 16px;

}



.media-list-sm .media {

  padding: 12px 16px;

}



.media-list-lg .media {

  padding: 20px 16px;

}



.media-list-xl .media {

  padding: 24px 20px;

}



.media-list-xxl .media {

  padding: 32px 24px;

}



.media-list-header {

  border-bottom: 1px solid #ebebeb;

  background-color: #fcfdfe;

}



.media-list-footer {

  border-top: 1px solid #ebebeb;

  background-color: #fcfdfe;

}



.media-grid {

  display: -webkit-box;

  display: flex;

  flex-wrap: wrap;

  margin-right: -15px;

}



.media-grid::after {

  content: '';

  -webkit-box-flex: 1;

          flex: auto;

}



.media-grid.row {

  margin-left: -15px;

  margin-right: -15px;

}



.media-grid.row .media {

  margin-bottom: 15px;

}



.media-grid > .media {

  margin-right: 15px;

  margin-bottom: 15px;

  width: 200px;

}



.media-grid-bordered .media {

  border: 1px solid #ebebeb;

}



.media-grid-hover .media:hover {

  background-color: #f9fafb;

}

.avatar img {

    width: 100%;

    height: 100%;

    border-radius: 100%;

    vertical-align: top;

}



/*---blog---*/



[class*="img-hov-"] {

  overflow: hidden;

}



[class*="img-hov-"] img {

  -webkit-transition: .45s;

  transition: .45s;

  -webkit-backface-visibility: hidden;

}



.img-hov-fadein {

  -webkit-transition: .45s;

  transition: .45s;

}



.img-hov-fadein:hover {

  opacity: .7;

}



.img-hov-fadeout {

  opacity: .7;

  -webkit-transition: .45s;

  transition: .45s;

}



.img-hov-fadeout:hover {

  opacity: 1;

}



.img-hov-zoomin img:hover {

  -webkit-transform: scale(1.045);

          transform: scale(1.045);

}



.img-hov-zoomout img {

  -webkit-transform: scale(1.045);

          transform: scale(1.045);

}



.img-hov-zoomout img:hover {

  -webkit-transform: scale(1);

          transform: scale(1);

}



.img-hov-stretchin img {

  -webkit-transform-origin: left top 0;

          transform-origin: left top 0;

}



.img-hov-stretchin img:hover {

  -webkit-transform: scale(1.045);

          transform: scale(1.045);

}



.img-hov-stretchout img {

  -webkit-transform-origin: left top 0;

          transform-origin: left top 0;

  -webkit-transform: scale(1.045);

          transform: scale(1.045);

}



.img-hov-stretchout img:hover {

  -webkit-transform: scale(1);

          transform: scale(1);

}



.img-hov-slideleft img {

  -webkit-transform-origin: left center 0;

          transform-origin: left center 0;

  -webkit-transform: scale(1.045) translateX(0);

          transform: scale(1.045) translateX(0);

}



.img-hov-slideleft img:hover {

  -webkit-transform: scale(1.045) translateX(-4.5%);

          transform: scale(1.045) translateX(-4.5%);

}



.img-hov-slideright img {

  -webkit-transform-origin: right center 0;

          transform-origin: right center 0;

  -webkit-transform: scale(1.045) translateX(0);

          transform: scale(1.045) translateX(0);

}



.img-hov-slideright img:hover {

  -webkit-transform: scale(1.045) translateX(4.5%);

          transform: scale(1.045) translateX(4.5%);

}



.img-hov-slideup img {

  -webkit-transform-origin: center top 0;

          transform-origin: center top 0;

  -webkit-transform: scale(1.045) translateY(0);

          transform: scale(1.045) translateY(0);

}



.img-hov-slideup img:hover {

  -webkit-transform: scale(1.045) translateY(-4.5%);

          transform: scale(1.045) translateY(-4.5%);

}



.img-hov-slidedown img {

  -webkit-transform-origin: center bottom 0;

          transform-origin: center bottom 0;

  -webkit-transform: scale(1.045) translateY(0);

          transform: scale(1.045) translateY(0);

}



.img-hov-slidedown img:hover {

  -webkit-transform: scale(1.045) translateY(4.5%);

          transform: scale(1.045) translateY(4.5%);

}



.img-hov-rotateleft img {

  -webkit-transform: rotateZ(0) scale(1);

          transform: rotateZ(0) scale(1);

}



.img-hov-rotateleft img:hover {

  -webkit-transform: rotateZ(-5deg) scale(1.1);

          transform: rotateZ(-5deg) scale(1.1);

}



.img-hov-rotateright img {

  -webkit-transform: rotateZ(0) scale(1);

          transform: rotateZ(0) scale(1);

}



.img-hov-rotateright img:hover {

  -webkit-transform: rotateZ(5deg) scale(1.1);

          transform: rotateZ(5deg) scale(1.1);

}

.gap-items > *,

.gap-items-3 > * {

  margin-left: 8px;

  margin-right: 8px;

}



.gap-items > *:first-child,

.gap-items-3 > *:first-child {

  margin-left: 0;

}



.gap-items > *:last-child,

.gap-items-3 > *:last-child {

  margin-right: 0;

}



.gap-items-1 > * {

  margin-left: 2px;

  margin-right: 2px;

}



.gap-items-1 > *:first-child {

  margin-left: 0;

}



.gap-items-1 > *:last-child {

  margin-right: 0;

}



.gap-items-2 > * {

  margin-left: 4px;

  margin-right: 4px;

}



.gap-items-2 > *:first-child {

  margin-left: 0;

}



.gap-items-2 > *:last-child {

  margin-right: 0;

}



.gap-items-4 > * {

  margin-left: 12px;

  margin-right: 12px;

}



.gap-items-4 > *:first-child {

  margin-left: 0;

}



.gap-items-4 > *:last-child {

  margin-right: 0;

}



.gap-items-5 > * {

  margin-left: 16px;

  margin-right: 16px;

}



.gap-items-5 > *:first-child {

  margin-left: 0;

}



.gap-items-5 > *:last-child {

  margin-right: 0;

}



.gap-multiline-items,

.gap-multiline-items-3 {

  margin: -8px;

}



.gap-multiline-items > *,

.gap-multiline-items-3 > * {

  margin: 8px;

}



.gap-multiline-items-1 {

  margin: -2px;

}



.gap-multiline-items-1 > * {

  margin: 2px;

}



.gap-multiline-items-2 {

  margin: -4px;

}



.gap-multiline-items-2 > * {

  margin: 4px;

}



.gap-multiline-items-4 {

  margin: -12px;

}



.gap-multiline-items-4 > * {

  margin: 12px;

}



.gap-multiline-items-5 {

  margin: -16px;

}



.gap-multiline-items-5 > * {

  margin: 16px;

}



.gap-y.gap-items,

.gap-y.gap-items-3 {

  margin: -8px;

}



.gap-y.gap-items > *,

.gap-y.gap-items-3 > * {

  margin: 8px;

}



.gap-y.gap-items-1 {

  margin: -2px;

}



.gap-y.gap-items-1 > * {

  margin: 2px;

}



.gap-y.gap-items-2 {

  margin: -4px;

}



.gap-y.gap-items-2 > * {

  margin: 4px;

}



.gap-y.gap-items-4 {

  margin: -12px;

}



.gap-y.gap-items-4 > * {

  margin: 12px;

}



.gap-y.gap-items-5 {

  margin: -16px;

}



.gap-y.gap-items-5 > * {

  margin: 16px;

}

.bg-img {

    position: relative;

    border-bottom: none;

    background-position: center;

    -webkit-background-size: cover;

    background-size: cover;

    background-repeat: no-repeat;

    z-index: 0;

}

[data-overlay],

[data-overlay-light] {

  position: relative;

}



[data-overlay]::before,

[data-overlay-light]::before {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #191919;

  z-index: -1;

  border-radius: inherit;

  display: block;

}



[data-overlay-light]::before {

  background: #fff;

}



[data-overlay-primary]::before {

  background: #7460ee;

}



[data-overlay="1"]::before {

  opacity: 0.1;

}



[data-overlay="2"]::before {

  opacity: 0.2;

}



[data-overlay="3"]::before {

  opacity: 0.3;

}



[data-overlay="4"]::before {

  opacity: 0.4;

}



[data-overlay="5"]::before {

  opacity: 0.5;

}



[data-overlay="6"]::before {

  opacity: 0.6;

}



[data-overlay="7"]::before {

  opacity: 0.7;

}



[data-overlay="8"]::before {

  opacity: 0.8;

}



[data-overlay="9"]::before {

  opacity: 0.9;

}



[data-overlay-light="1"]::before {

  opacity: 0.1;

}



[data-overlay-light="2"]::before {

  opacity: 0.2;

}



[data-overlay-light="3"]::before {

  opacity: 0.3;

}



[data-overlay-light="4"]::before {

  opacity: 0.4;

}



[data-overlay-light="5"]::before {

  opacity: 0.5;

}



[data-overlay-light="6"]::before {

  opacity: 0.6;

}



[data-overlay-light="7"]::before {

  opacity: 0.7;

}



[data-overlay-light="8"]::before {

  opacity: 0.8;

}



[data-overlay-light="9"]::before {

  opacity: 0.9;

}



[data-scrim-top],

[data-scrim-bottom] {

  position: relative;

}



[data-scrim-top]::before,

[data-scrim-bottom]::before {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  right: 0;

  bottom: 20%;

  background: -webkit-gradient(linear, left top, left bottom, from(#191919), to(transparent));

  background: -webkit-linear-gradient(top, #191919 0%, transparent 100%);

  background: linear-gradient(to bottom, #191919 0%, transparent 100%);

  z-index: -1;

  border-radius: inherit;

}



[data-scrim-bottom]::before {

  top: 20%;

  bottom: 0;

  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#191919));

  background: -webkit-linear-gradient(top, transparent 0%, #191919 100%);

  background: linear-gradient(to bottom, transparent 0%, #191919 100%);

}



[data-scrim-top="1"]::before,

[data-scrim-bottom="1"]::before {

  opacity: 0.1;

}



[data-scrim-top="2"]::before,

[data-scrim-bottom="2"]::before {

  opacity: 0.2;

}



[data-scrim-top="3"]::before,

[data-scrim-bottom="3"]::before {

  opacity: 0.3;

}



[data-scrim-top="4"]::before,

[data-scrim-bottom="4"]::before {

  opacity: 0.4;

}



[data-scrim-top="5"]::before,

[data-scrim-bottom="5"]::before {

  opacity: 0.5;

}



[data-scrim-top="6"]::before,

[data-scrim-bottom="6"]::before {

  opacity: 0.6;

}



[data-scrim-top="7"]::before,

[data-scrim-bottom="7"]::before {

  opacity: 0.7;

}



[data-scrim-top="8"]::before,

[data-scrim-bottom="8"]::before {

  opacity: 0.8;

}



[data-scrim-top="9"]::before,

[data-scrim-bottom="9"]::before {

  opacity: 0.9;

}

.blockquote {

  font-style: italic;

  margin-left: 2rem;

  margin-right: 2rem;

  margin-top: 1rem;

  color: #616a78;

}



.blockquote p {

  font-size: 1.125rem;

  line-height: 1.875rem;

}



.blockquote a {

  color: #616a78;

}



.blockquote footer {

  color: #929daf;

  font-size: 0.875rem;

}



.blockquote footer::before {

  content: '\2014 \00A0';

}



.blockquote-inverse,

.blockquote-inverse footer {

  color: #fff;

}

.card-inverse {

    color: #fff !important;

    background-color: #465161;

}

.card-inverse h1, .card-inverse h2, .card-inverse h3, .card-inverse h4, .card-inverse h5, .card-inverse h6, .card-inverse .card-title, .card-inverse small, .card-inverse .card-controls li > a {

    color: #fff !important;

}

.nav-dot-separated .nav-item::after, .nav-dot-separated > .nav-link::after {

    content: '•';

    vertical-align: middle;

    color: #788394;

    opacity: 0.4;

    cursor: default;

}

.nav.no-gutters > .nav-link:first-child, .nav.no-gutters .nav-item:first-child .nav-link {

    padding-left: 0;

}

.nav-dot-separated .nav-link:hover, .nav-dot-separated .nav-link:focus, .nav-dot-separated .nav-link.active {

    background-color: transparent;

}

.nav-dot-separated .nav-item, .nav-dot-separated > .nav-link {

    display: -webkit-inline-box;

    display: inline-flex;

    -webkit-box-align: center;

    align-items: center;

    margin-left: 10px !important;

}

.nav-dot-separated .nav-item:last-child::after,

.nav-dot-separated > .nav-link:last-child::after {

  display: none;

}



.toggler {

    color: #e3e4e5;

    cursor: pointer;

    font-size: 20px;

    margin-bottom: 0;

    line-height: 1;

}

.rating {

  display: -webkit-inline-box;

  display: inline-flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

          flex-direction: row-reverse;

  list-style: none;

  margin: 0;

  padding: 0;

}



.rating input {

  display: none;

}



.rating label {

  color: #e3e4e5;

  cursor: pointer;

}



.rating label::before {

  margin-right: 5px;

  font-size: 20px;

  display: inline-block;

}



.rating .active,

.rating :checked ~ label,

.rating label:hover,

.rating label:hover ~ label {

  color: #7460ee;

}



.rating-static {

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

          flex-direction: row;

}



.rating-static label {

  cursor: default;

}



.rating-static label:not(.active) {

  color: #e3e4e5 !important;

}



.rating-xs label::before {

  margin-right: 1px;

  font-size: 13px;

}



.rating-sm label::before {

  margin-right: 2px;

  font-size: 16px;

}



.rating-lg label::before {

  font-size: 24px;

}



.rating-remove {

  margin-left: 10px;

  margin-right: 10px;

  cursor: pointer;

  line-height: 20px;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: .2s linear;

  transition: .2s linear;

}



[data-has-rate="true"]:hover .rating-remove {

  opacity: .6;

  visibility: visible;

}



[data-has-rate="true"]:hover .rating-remove:hover {

  opacity: 1;

}



.rating-primary .active,

.rating-primary :checked ~ label,

.rating-primary label:hover,

.rating-primary label:hover ~ label {

  color: #7460ee;

}



.rating-secondary .active,

.rating-secondary :checked ~ label,

.rating-secondary label:hover,

.rating-secondary label:hover ~ label {

  color: #e4e7ea;

}



.rating-success .active,

.rating-success :checked ~ label,

.rating-success label:hover,

.rating-success label:hover ~ label {

  color: #26c6da;

}



.rating-info .active,

.rating-info :checked ~ label,

.rating-info label:hover,

.rating-info label:hover ~ label {

  color: #398bf7;

}



.rating-warning .active,

.rating-warning :checked ~ label,

.rating-warning label:hover,

.rating-warning label:hover ~ label {

  color: #ffb22b;

}



.rating-danger .active,

.rating-danger :checked ~ label,

.rating-danger label:hover,

.rating-danger label:hover ~ label {

  color: #fc4b6c;

}



.rating-pink .active,

.rating-pink :checked ~ label,

.rating-pink label:hover,

.rating-pink label:hover ~ label {

  color: #FC3468;

}



.rating-purple .active,

.rating-purple :checked ~ label,

.rating-purple label:hover,

.rating-purple label:hover ~ label {

  color: #7c277d;

}



.rating-brown .active,

.rating-brown :checked ~ label,

.rating-brown label:hover,

.rating-brown label:hover ~ label {

  color: #8d6658;

}



.rating-cyan .active,

.rating-cyan :checked ~ label,

.rating-cyan label:hover,

.rating-cyan label:hover ~ label {

  color: #57c7d4;

}



.rating-yellow .active,

.rating-yellow :checked ~ label,

.rating-yellow label:hover,

.rating-yellow label:hover ~ label {

  color: #fcc525;

}



.rating-gray .active,

.rating-gray :checked ~ label,

.rating-gray label:hover,

.rating-gray label:hover ~ label {

  color: #868e96;

}



.rating-dark .active,

.rating-dark :checked ~ label,

.rating-dark label:hover,

.rating-dark label:hover ~ label {

  color: #465161;

}



.toggler {

  color: #e3e4e5;

  cursor: pointer;

  font-size: 20px;

  margin-bottom: 0;

  line-height: 1;

}



.toggler i {

  -webkit-transition: color .2s linear;

  transition: color .2s linear;

}



.toggler input {

  display: none;

}



.toggler input:checked + i {

  color: #fcc525;

}



.toggler-primary input:checked + i {

  color: #7460ee;

}



.toggler-secondary input:checked + i {

  color: #e4e7ea;

}



.toggler-success input:checked + i {

  color: #26c6da;

}



.toggler-info input:checked + i {

  color: #398bf7;

}



.toggler-warning input:checked + i {

  color: #ffb22b;

}



.toggler-danger input:checked + i {

  color: #fc4b6c;

}



.toggler-pink input:checked + i {

  color: #FC3468;

}



.toggler-purple input:checked + i {

  color: #7c277d;

}



.toggler-brown input:checked + i {

  color: #8d6658;

}



.toggler-cyan input:checked + i {

  color: #57c7d4;

}



.toggler-yellow input:checked + i {

  color: #fcc525;

}



.toggler-gray input:checked + i {

  color: #868e96;

}



.toggler-dark input:checked + i {

  color: #465161;

}



/*---box nav-tab---*/





.nav-tabs .nav-link {

  position: relative;

  border: none;

  font-size: 15px;

  font-weight: 600;

  color: #666;

  border-bottom: 4px solid transparent;

  padding: 10px 16px;

  border-radius: 0;

}



.nav-tabs .nav-link:hover {

  border-bottom: 4px solid #d4dde3;

}



@media (max-width: 767px) {

  .nav-tabs .nav-link {

    padding: 8px 12px;

  }

}



.nav-tabs.nav-tabs-primary .nav-link:hover, .nav-tabs.nav-tabs-primary .nav-link.active, .nav-tabs.nav-tabs-primary .nav-link.active:focus, .nav-tabs.nav-tabs-primary .nav-link.active:hover {

  border-color: #7460ee;

  background-color: transparent;

  color: #495057;

}



.nav-tabs.nav-tabs-secondary .nav-link:hover, .nav-tabs.nav-tabs-secondary .nav-link.active, .nav-tabs.nav-tabs-secondary .nav-link.active:focus, .nav-tabs.nav-tabs-secondary .nav-link.active:hover {

  border-color: #e4e7ea;

  background-color: transparent;

  color: #495057;

}



.nav-tabs.nav-tabs-success .nav-link:hover, .nav-tabs.nav-tabs-success .nav-link.active, .nav-tabs.nav-tabs-success .nav-link.active:focus, .nav-tabs.nav-tabs-success .nav-link.active:hover {

  border-color: #26c6da;

  background-color: transparent;

  color: #495057;

}



.nav-tabs.nav-tabs-info .nav-link:hover, .nav-tabs.nav-tabs-info .nav-link.active, .nav-tabs.nav-tabs-info .nav-link.active:focus, .nav-tabs.nav-tabs-info .nav-link.active:hover {

  border-color: #2568ef;

  background-color: transparent;

  color: #495057;

}



.nav-tabs.nav-tabs-warning .nav-link:hover, .nav-tabs.nav-tabs-warning .nav-link.active, .nav-tabs.nav-tabs-warning .nav-link.active:focus, .nav-tabs.nav-tabs-warning .nav-link.active:hover {

  border-color: #ffb22b;

  background-color: transparent;

  color: #495057;

}



.nav-tabs.nav-tabs-danger .nav-link:hover, .nav-tabs.nav-tabs-danger .nav-link.active, .nav-tabs.nav-tabs-danger .nav-link.active:focus, .nav-tabs.nav-tabs-danger .nav-link.active:hover {

  border-color: #fc4b6c;

  background-color: transparent;

  color: #495057;

}



.nav-tabs.nav-tabs-pink .nav-link:hover, .nav-tabs.nav-tabs-pink .nav-link.active, .nav-tabs.nav-tabs-pink .nav-link.active:focus, .nav-tabs.nav-tabs-pink .nav-link.active:hover {

  border-color: #FC3468;

  background-color: transparent;

  color: #495057;

}



.nav-tabs.nav-tabs-purple .nav-link:hover, .nav-tabs.nav-tabs-purple .nav-link.active, .nav-tabs.nav-tabs-purple .nav-link.active:focus, .nav-tabs.nav-tabs-purple .nav-link.active:hover {

  border-color: #7c277d;

  background-color: transparent;

  color: #495057;

}



.nav-tabs.nav-tabs-brown .nav-link:hover, .nav-tabs.nav-tabs-brown .nav-link.active, .nav-tabs.nav-tabs-brown .nav-link.active:focus, .nav-tabs.nav-tabs-brown .nav-link.active:hover {

  border-color: #8d6658;

  background-color: transparent;

  color: #495057;

}



.nav-tabs.nav-tabs-cyan .nav-link:hover, .nav-tabs.nav-tabs-cyan .nav-link.active, .nav-tabs.nav-tabs-cyan .nav-link.active:focus, .nav-tabs.nav-tabs-cyan .nav-link.active:hover {

  border-color: #57c7d4;

  background-color: transparent;

  color: #495057;

}



.nav-tabs.nav-tabs-yellow .nav-link:hover, .nav-tabs.nav-tabs-yellow .nav-link.active, .nav-tabs.nav-tabs-yellow .nav-link.active:focus, .nav-tabs.nav-tabs-yellow .nav-link.active:hover {

  border-color: #fcc525;

  background-color: transparent;

  color: #495057;

}



.nav-tabs.nav-tabs-gray .nav-link:hover, .nav-tabs.nav-tabs-gray .nav-link.active, .nav-tabs.nav-tabs-gray .nav-link.active:focus, .nav-tabs.nav-tabs-gray .nav-link.active:hover {

  border-color: #868e96;

  background-color: transparent;

  color: #495057;

}



.nav-tabs.nav-tabs-dark .nav-link:hover, .nav-tabs.nav-tabs-dark .nav-link.active, .nav-tabs.nav-tabs-dark .nav-link.active:focus, .nav-tabs.nav-tabs-dark .nav-link.active:hover {

  border-color: #465161;

  background-color: transparent;

  color: #495057;

}



.nav-tabs-light-mode {

  border-bottom: none;

  background-color: #f9fafb;

}



.nav-tabs-light-mode .nav-link {

  border-bottom: none;

}



.nav-tabs-inverse-mode {

  border-bottom: none;

  background-color: transparent;

  margin-bottom: 0;

}



.nav-tabs-inverse-mode .nav-link {

  border-bottom: none;

}



.nav-tabs-inverse-mode .nav-link.active, .nav-tabs-inverse-mode .nav-link.active:focus, .nav-tabs-inverse-mode .nav-link.active:hover {

  background-color: #f9fafb;

  color: #495057;

}



.nav-tabs-inverse-mode + .tab-content {

  background-color: #f9fafb;

  padding: 20px 16px;

}



.nav-tabs-left,

.nav-tabs-right {

  display: -webkit-box;

  display: flex;

}



.nav-tabs-left .nav-tabs,

.nav-tabs-right .nav-tabs {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

          flex-direction: column;

  border-bottom: 0;

}



.nav-tabs-left .nav-tabs .nav-item + .nav-item,

.nav-tabs-right .nav-tabs .nav-item + .nav-item {

  margin-left: 0;

}



.nav-tabs-left .nav-tabs .nav-link,

.nav-tabs-right .nav-tabs .nav-link {

  border-bottom: none;

  text-align: left;

}



.nav-tabs-left .tab-content,

.nav-tabs-right .tab-content {

  overflow: hidden;

}



.nav-tabs-left .nav-tabs {

  border-right: 1px solid #ebebeb;

}



.nav-tabs-left .nav-tabs .nav-link {

  border-right: 2px solid transparent;

}



.nav-tabs-left .tab-content {

  padding-left: 20px;

}



.nav-tabs-right .nav-tabs {

  -webkit-box-ordinal-group: 3;

          order: 2;

  border-left: 1px solid #ebebeb;

}



.nav-tabs-right .nav-tabs .nav-link {

  border-left: 2px solid transparent;

}



.nav-tabs-right .tab-content {

  -webkit-box-ordinal-group: 2;

          order: 1;

  padding-right: 20px;

}



.lookup {

  position: relative;

  display: -webkit-inline-box;

  display: inline-flex;

  -webkit-box-align: center;

          align-items: center;

}



.lookup::before {

  content: "\e610";

  font-family: themify;

  font-size: 16px;

  position: absolute;

  top: 52%;

  left: 0;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  color: rgba(97, 106, 120, 0.4);

  width: 36px;

  text-align: center;

  cursor: text;

}



.lookup input {

  color: #616a78;

  border: 1px solid #ebebeb;

  border-radius: 18px;

  height: 36px;

  width: 200px;

  max-width: 100%;

  padding-left: 36px;

  padding-right: 18px;

  font-family: Open Sans, sans-serif;

  font-size: 15px;

  font-weight: 500;

  letter-spacing: .5px;

  outline: none !important;

  -webkit-transition: .5s;

  transition: .5s;

}



.lookup input::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */

  color: rgba(97, 106, 120, 0.7);

}



.lookup input::-moz-placeholder {

  /* Firefox 19+ */

  color: rgba(97, 106, 120, 0.7);

}



.lookup input:-ms-input-placeholder {

  /* IE 10+ */

  color: rgba(97, 106, 120, 0.7);

}



.lookup input:-moz-placeholder {

  /* Firefox 18- */

  color: rgba(97, 106, 120, 0.7);

}



.lookup input:focus {

  background-color: rgba(97, 106, 120, 0.04);

}



.lookup input + input,

.lookup input + .bootstrap-select .dropdown-toggle {

  border-left: none;

}



.lookup .bootstrap-select + .bootstrap-select .dropdown-toggle {

  border-left: none;

}



.lookup .btn {

  height: 36px;

  line-height: 36px;

}



.lookup.no-icon::before {

  display: none;

}



.lookup.no-icon input {

  padding-left: 18px;

}



.lookup-sm::before {

  font-size: 14px;

  width: 29px;

}



.lookup-sm input {

  border-radius: 14.5px;

  height: 29px;

  width: 29px;

  padding-left: 29px;

  padding-right: 14.5px;

  font-size: 14px;

  width: 160px;

}



.lookup-sm .btn {

  height: 29px;

  line-height: 29px;

}



.lookup-lg::before {

  font-size: 20px;

  width: 48px;

}



.lookup-lg input {

  border-radius: 24px;

  height: 48px;

  width: 48px;

  padding-left: 48px;

  padding-right: 24px;

  font-size: 16px;

  width: 250px;

}



.lookup-lg .btn {

  height: 48px;

  line-height: 48px;

}



.lookup-right::before {

  left: auto;

  right: 0;

}



.lookup-right input {

  padding-left: 18px;

  padding-right: 36px;

}



.lookup-right.lookup-sm input {

  padding-left: 14.5px;

  padding-right: 29px;

}



.lookup-right.lookup-lg input {

  padding-left: 24px;

  padding-right: 48px;

}



.lookup-right.no-icon input {

  padding-right: 18px;

}



.lookup-right.no-icon.lookup-sm input {

  padding-right: 14.5px;

}



.lookup-right.no-icon.lookup-lg input {

  padding-right: 24px;

}



.lookup-circle {

  z-index: 0;

}



.lookup-circle::before {

  z-index: -1;

}



.lookup-circle input {

  background-color: rgba(97, 106, 120, 0.04);

  border: none;

  width: 36px;

  padding-right: 0;

}



.lookup-circle input:focus {

  background-color: rgba(97, 106, 120, 0.05);

  width: 170px;

  padding-right: 18px;

}



.lookup-circle.lookup-sm::before {

  font-size: 14px;

  width: 29px;

}



.lookup-circle.lookup-sm input {

  border-radius: 14.5px;

  height: 29px;

  width: 29px;

  padding-left: 29px;

}



.lookup-circle.lookup-sm input:focus {

  width: 150px;

  padding-right: 14.5px;

}



.lookup-circle.lookup-lg::before {

  font-size: 16px;

  width: 48px;

}



.lookup-circle.lookup-lg input {

  border-radius: 24px;

  height: 48px;

  width: 48px;

  padding-left: 48px;

}



.lookup-circle.lookup-lg input:focus {

  width: 200px;

  padding-right: 24px;

}



.lookup-circle.lookup-right::before {

  left: auto;

  right: 0;

}



.lookup-circle.lookup-right input {

  padding-left: 0;

  padding-right: 36px;

}



.lookup-circle.lookup-right input:focus {

  padding-left: 18px;

}



.lookup-circle.lookup-right.lookup-sm input {

  padding-left: 0;

  padding-right: 29px;

}



.lookup-circle.lookup-right.lookup-sm input:focus {

  padding-left: 14.5px;

}



.lookup-circle.lookup-right.lookup-lg input {

  padding-left: 0;

  padding-right: 48px;

}



.lookup-circle.lookup-right.lookup-lg input:focus {

  padding-left: 24px;

}



.lookup-huge {

  display: -webkit-box;

  display: flex;

}



.lookup-huge::before {

  font-size: 24px;

  width: 64px;

}



.lookup-huge input {

  border-radius: 32px;

  height: 64px;

  width: 64px;

  padding-left: 64px;

  padding-right: 32px;

  font-size: 20px;

  font-weight: 100;

  width: 100%;

}



.lookup-huge input::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */

  color: #c9ccce;

}



.lookup-huge input::-moz-placeholder {

  /* Firefox 19+ */

  color: #c9ccce;

}



.lookup-huge input:-ms-input-placeholder {

  /* IE 10+ */

  color: #c9ccce;

}



.lookup-huge input:-moz-placeholder {

  /* Firefox 18- */

  color: #c9ccce;

}



.lookup-huge .btn,

.lookup-huge .bootstrap-select.btn-group > .dropdown-toggle {

  height: 64px;

  line-height: 100%;

}



.lookup-huge.no-icon input {

  padding-left: 32px;

}



.lookup-fullscreen {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(255, 255, 255, 0.985);

  z-index: 1050;

  padding: 50px 5%;

  display: none;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

          flex-direction: column;

}



.lookup-fullscreen.reveal {

  display: -webkit-box;

  display: flex;

}



.lookup-fullscreen > .close {

  position: absolute;

  top: 32px;

  right: 32px;

}



.lookup-fullscreen .lookup-form {

  border-bottom: 1px solid #ebebeb;

  margin-bottom: 2rem;

}



.lookup-fullscreen .lookup-form input {

  border: none;

  font-size: 44px;

  background-color: transparent;

  outline: none !important;

  padding: 25px 0;

  color: #616a78;

  width: 100%;

}



.lookup-fullscreen .lookup-form input::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */

  color: #c9ccce;

}



.lookup-fullscreen .lookup-form input::-moz-placeholder {

  /* Firefox 19+ */

  color: #c9ccce;

}



.lookup-fullscreen .lookup-form input:-ms-input-placeholder {

  /* IE 10+ */

  color: #c9ccce;

}



.lookup-fullscreen .lookup-form input:-moz-placeholder {

  /* Firefox 18- */

  color: #c9ccce;

}



.lookup-fullscreen .lookup-results {

  height: 100%;

}



.lookup-fullscreen .lookup-results .ps-scrollbar-x-rail {

  display: none;

}



@media (max-width: 767px) {

  .lookup-fullscreen .lookup-results.scrollable .row {

    margin-left: 0;

    margin-right: 0;

  }

  .lookup-fullscreen .lookup-results.scrollable .row [class*="col-"] {

    padding-left: 0;

    padding-right: 0;

  }

}



.publisher {

  position: relative;

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

          align-items: center;

  padding: 12px 20px;

  background-color: #f9fafb;

}



.publisher > * {

  margin: 0 8px;

}



.publisher > *:first-child {

  margin-left: 0;

}



.publisher > *:last-child {

  margin-right: 0;

}



.publisher-multi {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

          flex-direction: column;

  -webkit-box-align: start;

          align-items: flex-start;

}



.publisher-multi > * {

  margin: 0;

  -webkit-box-flex: 1;

          flex-grow: 1;

  width: 100%;

}



.publisher-multi .publisher-input {

  margin-bottom: 1rem;

}



.publisher-input {

  -webkit-box-flex: 1;

          flex-grow: 1;

  border: none;

  outline: none !important;

  background-color: transparent;

}



.publisher-btn {

  background-color: transparent;

  border: none;

  color: #929daf;

  font-size: 16px;

  cursor: pointer;

  overflow: -moz-hidden-unscrollable;

  -webkit-transition: .2s linear;

  transition: .2s linear;

}



.publisher-btn:hover {

  color: #616a78;

}



.publisher-avatar {

  position: absolute;

  width: auto;

  left: -18px;

  top: 8px;

}



.publisher-avatar.avatar-sm {

  left: -14.5px;

  top: auto;

}

.file-group input[type="file"] {

    position: absolute;

    opacity: 0;

    z-index: -1;

    width: 20px;

}

.form-groups-attached {

  margin-bottom: 1rem;

}



.form-groups-attached .form-group {

  margin-bottom: 0;

  border-radius: 0;

}



.form-groups-attached > div:not(:last-child),

.form-groups-attached > div:not(:last-child) .form-group {

  border-bottom-color: transparent;

}



.form-groups-attached .row {

  margin-left: 0;

  margin-right: 0;

}



.form-groups-attached .row > .form-group:not(:last-child) {

  border-right-color: transparent;

}



.file-group {

  position: relative;

  overflow: hidden;

}



.file-group input[type="file"] {

    position: absolute;

    opacity: 0;

    z-index: 2;

    width: 100%;

    display: block;

    top: 0;

    cursor: pointer;

}



.file-group-inline {

  display: inline-block;

}





.price {

  font-weight: bold;

  font-size: 75px;

  color: #000;

  padding: 10px 10px;

}



.price span {

  display: block;

  font-size: 12px;

  font-weight: 500;

  line-height: 25px;

  color: #788394;

}



.price sup {

  font-size: 28px;

  vertical-align: super;

}



.price-dollar {

  display: inline-block;

  font-size: 16px;

  vertical-align: top;

  margin-right: -10px;

  margin-top: 14px;

}



.price-interval {

  display: inline-block;

  font-size: 12px;

  vertical-align: text-bottom;

  margin-left: -10px;

  margin-bottom: 14px;

  color: #929daf;

}



























/*-----------------*/	

	

.box-comments {

    background: #f7f7f7;

}

.box-comments .box-comment {

    padding: 8px 0;

    border-bottom: 1px solid #eee;

}

.box-comments .box-comment:after, .box-comments .box-comment:before {

    content: " ";

    display: table;

}

.box-comments .box-comment:after {

    clear: both;

}

.box-comments .box-comment:last-of-type {

    border-bottom: 0;

}

.box-comments .box-comment:first-of-type {

    padding-top: 0;

}

.box-comments .box-comment img {

    float: left;

}

.box-comments .comment-text {

    margin-left: 40px;

    color: #555;

}

.box-comments .username {

    color: #455a64;

    display: block;

    font-weight: 600;

}

.box-comments .text-muted {

    font-weight: 500;

    font-size: 12px;

}

.todo-list {

    margin: 0;

    padding: 0;

    list-style: none;

    overflow: auto;

}

.todo-list>li {

    border-radius: 2px;

    padding: 10px;

    background: #ebebeb;

    margin-bottom: 2px;

    color: #455a64;

}

.control, .todo-list>li:last-of-type {

    margin-bottom: 0;

}

.control {

    font-family: arial;

    display: inline;

    padding-left: 0;

    padding-top: 0;

    cursor: pointer;

    font-size: 16px;

}

.control input {

    position: absolute;

    z-index: -1;

    opacity: 0;

}

.control_indicator {

    position: absolute;

    top: 2px;

    left: 5px;

    height: 15px;

    width: 15px;

    background: #fff;

}

.control-radio .control_indicator {

    border-radius: undefined;

}

.control input:focus~.control_indicator, .control:hover input~.control_indicator {

    background: #fff;

}

.control input:checked:focus~.control_indicator, .control input:checked~.control_indicator, .control:hover input:not([disabled]):checked~.control_indicator {

    background: #398bf7;

}

.control input:disabled~.control_indicator {

    background: #e6e6e6;

    opacity: .6;

    pointer-events: none;

}

.control_indicator:after {

    box-sizing: unset;

    content: '';

    position: absolute;

    display: none;

}

.control input:checked~.control_indicator:after {

    display: block;

}

.control-checkbox .control_indicator:after {

    left: 5px;

    top: 1px;

    width: 3px;

    height: 8px;

    border: solid #fff;

    border-width: 0 2px 2px 0;

    transform: rotate(45deg);

}

.control-checkbox input:disabled~.control_indicator:after {

    border-color: #7b7b7b;

}



.label {

    display: inline;

    padding: .2em .8em .4em;

    font-size: 13px;

    font-weight: 600;

    line-height: 1;

    color: #ffffff;

    text-align: center;

    white-space: nowrap;

    vertical-align: baseline;

    border-radius: 3px;

}



.custom-label-sm {

    font-size: 13px !important;

    line-height: 1;

    justify-content: center;

    vertical-align: baseline;

    border-radius: 4px;

    margin-right: 4px;

    padding: 3px 8px !important;

    /*display: flex;*/

}



.custom-label-lg {

    display: block;

    font-size: 12px !important;

    line-height: 1;

    text-align: center;

    white-space: nowrap;

    vertical-align: baseline;

    border-radius: 12px 40px 40px 12px;

    margin-right: 4px;

    padding: 8px;

    width: 90px;

    font-weight: bold;

}



.custom-label-md{

    display: inline;

    padding: 0.4em 1.4em .4em;

    font-size: 16px !important;

    line-height: 1;

    color: #ffffff;

    text-align: center;

    white-space: nowrap;

    vertical-align: baseline;

    border-radius: 12px 40px 40px 12px;

    margin-right: 4px;

}



td.label {

    font-size: 100%;

}

.badge{

	font-weight: normal;

}

.todo-list>li>input[type=checkbox] {

    margin: 0 10px 0 5px;

}

.todo-list>li .text {

    display: inline-block;

    margin-left: 30px;

    font-weight: 600;

}

.todo-list>li .label {

    margin-left: 10px;

    font-size: 9px;

}

.todo-list>li .tools {

    display: none;

    float: right;

    color: #fc4b6c;

}

.todo-list .handle, .todo-list>li:hover .tools {

    display: inline-block;

}

.todo-list>li .tools>.fa, .todo-list>li .tools>.glyphicon, .todo-list>li .tools>.ion {

    margin-right: 5px;

    cursor: pointer;

}

.todo-list>li.done {

    color: #67757c;

}

.todo-list>li.done .text {

    text-decoration: line-through;

    font-weight: 500;

}

.todo-list>li.done .label {

    background: #d2d6de;

}

.todo-list .danger {

    border-left-color: #fc4b6c;

}

.todo-list .warning {

    border-left-color: #ffb22b;

}

.todo-list .info {

    border-left-color: #398bf7;

}

.todo-list .success {

    border-left-color: #26c6da;

}

.todo-list .primary {

    border-left-color: #398bf7;

}

.todo-list .handle {

    cursor: move;

    margin: 0 5px;

}

.list-inline>li {

    display: inline-block;

    padding-left: 5px;

    padding-right: 5px;

}

/*chat*/

.chat {

    padding: 5px 20px 5px 10px;

}

.chat .item {

    margin-bottom: 10px;

}

.chat .item:after, .chat .item:before {

    content: " ";

    display: table;

}

.chat .item>img {

    width: 40px;

    height: 40px;

    border: 2px solid transparent;

    border-radius: 5px;

}

.chat .item>.online {

    border: 2px solid #26c6da;

}

.chat .item>.offline {

    border: 2px solid #fc4b6c;

}

.chat .item>.message {

    margin-left: 55px;

    margin-top: -40px;

	color: #67757c;

}

.chat .item>.message>.name {

    display: block;

    font-weight: 600;

}

.chat .item>.attachment {

    border-radius: 3px;

    background: #d6ecff;

    margin-left: 65px;

    margin-right: 15px;

    padding: 10px;

}

.chat .item>.attachment .pull-right .btn {

    top: 10px;

    position: relative;

    border-radius: 5px;

}

.chat .item>.attachment>h4 {

    margin: 0 0 5px;

    font-weight: 600;

    font-size: 14px;

}

.chat .item>.attachment>.filename, .chat .item>.attachment>p {

    font-weight: 600;

    font-size: 13px;

    font-style: italic;

    margin: 0;

}

.chat .item>.attachment:after, .chat .item>.attachment:before {

    content: " ";

    display: table;

}

.info-box, .info-box-icon, .info-box-more, .info-box-number {

    display: block;

}

.box-input {

    max-width: 200px;

}

.modal .panel-body {

    color: #455a64;

}

.model_img {

    cursor: pointer;

}

.info-box {

    min-height: 100px;

    background: #fff;

    width: 100%;

    margin-bottom: 20px;

    padding: 15px;

	-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);

    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);

}

.info-box small {

    font-size: 14px;

}

.info-box .progress {

    background: rgba(0, 0, 0, .2);

    margin: 5px -10px 5px 0;

    height: 2px;

}

.info-box .progress, .info-box .progress .progress-bar {

    border-radius: 0;

}

.info-box .progress .progress-bar {

    background: #fff;

}

.info-box-icon {

    float: left;

    height: 70px;

    width: 70px;

    text-align: center;

    font-size: 30px;

    line-height: 74px;

    background: rgba(0, 0, 0, .2);

    border-radius: 100%}

.info-box-icon.push-bottom {

    margin-top: 20px;

}

.info-box-icon>img {

    max-width: 100%}

.info-box-content {

    padding: 10px 10px 10px 0;

    margin-left: 90px;

}

.info-box-number {

    font-weight: 500;

    font-size: 21px;

}

.info-box-text, .progress-description {

    display: block;

    font-size: 16px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;



    font-weight: 500;

}

.progress-description {

    margin: 0;

}

/*timeline*/

.timeline {

    position: relative;

    margin: 0 0 30px;

    padding: 0;

    list-style: none;

}

.timeline:before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    width: 1px;

    background: #c9d8e0;

    left: 33px;

    margin: 0;

    border-radius: 2px;

}

.timeline>li {

    position: relative;

    margin-right: 10px;

    margin-bottom: 15px;

}

.timeline>li:after, .timeline>li:before {

    content: " ";

    display: table;

}

.timeline>li>.timeline-item {

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);

    border-radius: 3px;

    margin-top: 0;

    background: #fff;

    color: #455a64;

    margin-left: 60px;

    margin-right: 15px;

    padding: 0;

    position: relative;

}

.timeline>li>.timeline-item>.time {

    color: #67757c;

    float: right;

    padding: 10px;

    font-size: 12px;

}

.timeline>li>.timeline-item>.timeline-header {

    margin: 0;

    color: #555;

    border-bottom: 1px solid #f4f4f4;

    padding: 10px;

    font-size: 16px;

    line-height: 1.1;

}

.timeline>li>.timeline-item>.timeline-header>a {

    font-weight: 600;

}

.timeline>li>.timeline-item>.timeline-body, .timeline>li>.timeline-item>.timeline-footer {

    padding: 10px;

}

.timeline>li>.fa, .timeline>li>.glyphicon, .timeline>li>.ion {

    width: 30px;

    height: 30px;

    font-size: 15px;

    line-height: 30px;

    position: absolute;

    color: #67757c;

    border-radius: 50%;

    text-align: center;

    left: 18px;

    top: 0;

}

.timeline>.time-label>span {

    font-weight: 600;

    padding: 5px 10px;

    display: inline-block;

    background-color: #fff;

	border-radius: 4px;

}

.btn-circle, .btn-rounded {

    border-radius: 60px !important;

    padding: 7px 18px !important;

}

.timeline-inverse>li>.timeline-item {

    background: #f0f0f0;

    border: 1px solid #ddd;

    -webkit-box-shadow: none;

    box-shadow: none;

}

.timeline-inverse>li>.timeline-item>.timeline-header {

    border-bottom-color: #ddd;

}

/*Button*/

.btn.dropdown-toggle::after, .btn-group-vertical .btn.dropdown-toggle::after {

    display: none;

}

button.btn.dropdown-toggle::after, .wysihtml5-toolbar .btn.dropdown-toggle::after{

    display: inline-block;

}

.dropdown-toggle.no-caret::after, button.btn.dropdown-toggle.no-caret::after {

    display: none;

}

.btn {

    border-radius: 4px;

    -webkit-box-shadow: none;

    box-shadow: none;

    border: 1px solid transparent;

	cursor: pointer;

	line-height: inherit;

}

.btn-circle {

    border-radius: 100%;

}

.btn-rounded {

        border-radius: 60px;

}

.btn-group-vertical>.btn:first-child:not(:last-child), .btn-group-vertical>.btn:last-child:not(:first-child), .btn.btn-flat {

    border-radius: 4px;

}

.btn.btn-flat {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    border-width: 1px;

}

.btn:active {

    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

}

.btn:focus {

    outline: 0;

}

.btn, .btn:hover {

    -webkit-transition: all .1s ease-in-out;

    -o-transition: all .1s ease-in-out;

    -moz-transition: all .1s ease-in-out;

    transition: all .1s ease-in-out;

}

.btn.btn-file {

    position: relative;

    overflow: hidden;

}

.btn.btn-file>input[type=file] {

    position: absolute;

    top: 0;

    right: 0;

    min-width: 100%;

    min-height: 100%;

    font-size: 100px;

    text-align: right;

    opacity: 0;

    filter: alpha(opacity=0);

    outline: 0;

    background: #fff;

    cursor: inherit;

    display: block;

}

.btn-app, .pagination li a, table.text-center, table.text-center td, table.text-center th {

    text-align: center;

}



.table td, .table th {

    padding: .75rem;

    vertical-align: middle !important;

    border-top: 1px solid #e9ecef;

}



.btn-xs, .btn-group-xs>.btn {

    padding: 1px 5px;

    font-size: 12px;

    line-height: 1.5;

    border-radius: 3px;

}

.btn-default {

    background-color: #fff;

    border: 2px solid #ddd !important;

    color: #455a64;

    border-color: #ddd;

}

.btn-default.hover, .btn-default:active, .btn-default:hover {

    background: #fafafa;

    border: 2px solid #136acd !important;

}



.btn-link {

    -webkit-box-shadow: none;

    box-shadow: none;

}

.btn[class*=bg-]:hover {

    -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, .2);

    box-shadow: inset 0 0 100px rgba(0, 0, 0, .2);

}

.btn-app {

    position: relative;

    padding: 15px 5px;

    margin: 0 0 10px 10px;

    min-width: 80px;

    height: 60px;

    color: #67757c;

    border: 1px solid #ddd;

    background-color: #f4f4f4;

    font-size: 12px;

	overflow: visible;

}

.btn-app .badge{

	font-size: 100%;

}

.btn-app.bg-aqua, .btn-app.bg-blue, .btn-app.bg-green, .btn-app.bg-light-blue, .btn-app.bg-maroon, .btn-app.bg-navy, .btn-app.bg-olive, .btn-app.bg-purple, .btn-app.bg-red, .btn-app.bg-teal, .btn-app.bg-yellow {

    border: none;

}

.alert, .callout {

    border-radius: 0px;

}

.btn-app>.fa, .btn-app>.glyphicon, .btn-app>.ion {

    font-size: 20px;

    display: block;

}

.btn-app:hover {

    background: #f4f4f4;

    color: #455a64;

    border-color: #aaa;

}

.callout .highlight, .callout code, .wysihtml5-toolbar .btn-default {

    background-color: #fff;

}

.btn-app:active, .btn-app:focus {

    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

}

.btn-app>.badge {

    position: absolute;

    top: -3px;

    right: -10px;

    font-weight: 500;

}

.blockquote {

    padding: .5rem 1rem;

    margin-bottom: 1rem;

    font-size: 1.25rem;

    border-left: .25rem solid #eceeef;

}

.blockquote-reverse {

    padding-right: 1rem;

    padding-left: 0;

    text-align: right;

    border-right: .25rem solid #eceeef;

    border-left: 0;

}

@media (min-width: 768px){

.dl-horizontal dt {

    float: left;

    width: 160px;

    clear: left;

    text-align: right;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.dl-horizontal dd {

    margin-left: 180px;

}

}

.alert h4, .callout h4, .nav-pills>li.active>a, .products-list .product-title {

    font-weight: 600;

}

/*---*/



.btn:hover {

  cursor: pointer;

}



.btn:focus, .btn.focus, .btn:active, .btn.active {

  -webkit-box-shadow: none;

          box-shadow: none;

}



.btn-bold {

  font-family: Open Sans, sans-serif;

  text-transform: uppercase;

  font-weight: 500;

  font-size: 12px;

}



.btn-group-xs > .btn,

.btn-xs {

  font-size: 11px;

  padding: 2px 8px;

  line-height: 18px;

}



.btn-group-xs > .btn.btn-bold,

.btn-xs.btn-bold {

  font-size: 9px;

}



.btn-group-sm > .btn,

.btn-sm {

  font-size: 12px;

  padding: 4px 12px;

  line-height: 20px;

}



.btn-group-sm > .btn.btn-bold,

.btn-sm.btn-bold {

  font-size: 11px;

}



.btn-group-lg > .btn,{

  font-size: 15px;

  padding: 7px 20px;

  line-height: 32px;

}



.btn-md {

    font-size: 15px;

    padding: 12px 25px !important;

    line-height: 38px;

    border-radius: 50px !important;

}



.btn-lg {

    font-size: 15px;

    padding: 15px 30px !important;

    line-height: 48px;

    border-radius: 50px !important;

}



.btn-group-lg > .btn.btn-bold,

.btn-lg.btn-bold {

  font-size: 14px;

}



.btn-w-xs {

  width: 85px;

}



.btn-w-sm {

  width: 100px;

}



.btn-w-md {

  width: 120px;

}



.btn-w-lg {

  width: 145px;

}



.btn-w-xl {

  width: 180px;

}



.btn-round {

  border-radius: 10rem;

}

.btn-sq,

.btn-square {

  padding: 5px;

  width: 36px;

  height: 36px;

}



.btn-sq.btn-lg,

.btn-square.btn-lg {

  width: 48px;

  height: 48px;

}



.btn-sq.btn-sm,

.btn-square.btn-sm {

  width: 29px;

  height: 29px;

}



.btn-sq.btn-xs,

.btn-square.btn-xs {

  width: 24px;

  height: 24px;

}

.btn-primary {

  background-color: #7460ee;

  border-color: #7460ee;

  color: #fff;

}



.btn-primary:hover {

  background-color: #52d3c7;

  border-color: #52d3c7;

  color: #fff;

}



.btn-primary:focus, .btn-primary.focus {

  color: #fff;

}



.btn-primary.disabled, .btn-primary:disabled {

  background-color: #7460ee;

  border-color: #7460ee;

  opacity: 0.5;

}



.btn-primary:active, .btn-primary.active,

.show > .btn-primary.dropdown-toggle {

  background-color: #2ba99d;

  border-color: #2ba99d;

  color: #fff;

}



.btn-success {

  background-color: #16d17f;

  border-color: #16d17f;

  color: #fff;

}



.btn-success:hover {

  background-color: #28a745 ;

  border-color: #28a745 ;

  color: #fff;

}



.btn-success:focus, .btn-success.focus {

  color: #fff;

}



.btn-success.disabled, .btn-success:disabled {

  background-color: #26c6da;

  border-color: #26c6da;

  opacity: 0.5;

}



.btn-success:active, .btn-success.active,

.show > .btn-success.dropdown-toggle {

  background-color: #14b56f;

  border-color: #14b56f;

  color: #fff;

}



.btn-info {

  background-color: #2568ef;

  border-color: #2568ef;

  color: #fff;

}



.btn-info:hover {

  background-color: #1054dd;

  border-color: #1054dd;

  color: #fff;

}



.btn-info:focus, .btn-info.focus {

  color: #fff;

}



.btn-info.disabled, .btn-info:disabled {

  background-color: #2568ef;

  border-color: #2568ef;

  opacity: 0.5;

}



.btn-info:active, .btn-info.active,

.show > .btn-info.dropdown-toggle {

  background-color: #2ba3f6;

  border-color: #2ba3f6;

  color: #fff;

}



.btn-warning {

  background-color: #ffb22b;

  border-color: #ffb22b;

  color: #fff;

}



.btn-warning:hover {

  background-color: #fbb264;

  border-color: #fbb264;

  color: #fff;

}



.btn-warning:focus, .btn-warning.focus {

  color: #fff;

}



.btn-warning.disabled, .btn-warning:disabled {

  background-color: #ffb22b;

  border-color: #ffb22b;

  opacity: 0.5;

}



.btn-warning:active, .btn-warning.active,

.show > .btn-warning.dropdown-toggle {

  background-color: #f99a32;

  border-color: #f99a32;

  color: #fff;

}



.btn-danger {

  background-color: #fc4b6c;

  border-color: #fc4b6c;

  color: #fff;

}



.btn-danger:hover {

  background-color: #fa8181;

  border-color: #fa8181;

  color: #fff;

}



.btn-danger:focus, .btn-danger.focus {

  color: #fff;

}



.btn-danger.disabled, .btn-danger:disabled {

  background-color: #fc4b6c;

  border-color: #fc4b6c;

  opacity: 0.5;

}



.btn-danger:active, .btn-danger.active,

.show > .btn-danger.dropdown-toggle {

  background-color: #f84f4f;

  border-color: #f84f4f;

  color: #fff;

}



.btn-secondary {

  color: #616a78 !important;

  background-color: #e4e7ea;

  border-color: #e4e7ea;

  color: #fff;

}



.btn-secondary:hover {

  background-color: #edeff1;

  border-color: #edeff1;

  color: #fff;

}



.btn-secondary:focus, .btn-secondary.focus {

  color: #fff;

}



.btn-secondary.disabled, .btn-secondary:disabled {

  background-color: #e4e7ea;

  border-color: #e4e7ea;

  opacity: 0.5;

}



.btn-secondary:active, .btn-secondary.active,

.show > .btn-secondary.dropdown-toggle {

  background-color: #dbdfe3;

  border-color: #dbdfe3;

  color: #fff;

}



.btn-link {

  color: #2568ef;

  font-weight: 500;

}



.btn-link:hover, .btn-link:focus {

  text-decoration: none;

  color: #e4e7ea;

}



.btn-light {

  background-color: #fcfdfe;

  border-color: #ebebeb;

  color: #929daf;

}



.btn-light:hover, .btn-light:focus {

  background-color: #f9fafb;

  color: #616a78;

}



.btn-light:active, .btn-light.active,

.show > .btn-light.dropdown-toggle {

  background-color: #f9fafb;

  color: #616a78;

}



.btn-purple {

  background-color: #7c277d;

  border-color: #7c277d;

  color: #fff;

}



.btn-purple:hover {

  background-color: #a282e3;

  border-color: #a282e3;

  color: #fff;

}



.btn-purple:focus, .btn-purple.focus {

  color: #fff;

}



.btn-purple.disabled, .btn-purple:disabled {

  background-color: #7c277d;

  border-color: #7c277d;

  opacity: 0.5;

}



.btn-purple:active, .btn-purple.active,

.show > .btn-purple.dropdown-toggle {

  background-color: #8258d9;

  border-color: #8258d9;

  color: #fff;

}



.btn-pink {

  background-color: #FC3468;

  border-color: #FC3468;

  color: #fff;

}



.btn-pink:hover {

  background-color: #fa75a4;

  border-color: #fa75a4;

  color: #fff;

}



.btn-pink:focus, .btn-pink.focus {

  color: #fff;

}



.btn-pink.disabled, .btn-pink:disabled {

  background-color: #FC3468;

  border-color: #FC3468;

  opacity: 0.5;

}



.btn-pink:active, .btn-pink.active,

.show > .btn-pink.dropdown-toggle {

  background-color: #f84d8a;

  border-color: #f84d8a;

  color: #fff;

}



.btn-cyan {

  background-color: #57c7d4;

  border-color: #57c7d4;

  color: #fff;

}



.btn-cyan:hover {

  background-color: #77d2dc;

  border-color: #77d2dc;

  color: #fff;

}



.btn-cyan:focus, .btn-cyan.focus {

  color: #fff;

}



.btn-cyan.disabled, .btn-cyan:disabled {

  background-color: #57c7d4;

  border-color: #57c7d4;

  opacity: 0.5;

}



.btn-cyan:active, .btn-cyan.active,

.show > .btn-cyan.dropdown-toggle {

  background-color: #37bccc;

  border-color: #37bccc;

  color: #fff;

}



.btn-yellow {

  background-color: #fcc525;

  border-color: #fcc525;

  color: #fff;

}



.btn-yellow:hover {

  background-color: #fdd04d;

  border-color: #fdd04d;

  color: #fff;

}



.btn-yellow:focus, .btn-yellow.focus {

  color: #fff;

}



.btn-yellow.disabled, .btn-yellow:disabled {

  background-color: #fcc525;

  border-color: #fcc525;

  opacity: 0.5;

}



.btn-yellow:active, .btn-yellow.active,

.show > .btn-yellow.dropdown-toggle {

  background-color: #f5b703;

  border-color: #f5b703;

  color: #fff;

}



.btn-brown {

  background-color: #8d6658;

  border-color: #8d6658;

  color: #fff;

}



.btn-brown:hover {

  background-color: #9d7162;

  border-color: #9d7162;

  color: #fff;

}



.btn-brown:focus, .btn-brown.focus {

  color: #fff;

}



.btn-brown.disabled, .btn-brown:disabled {

  background-color: #8d6658;

  border-color: #8d6658;

  opacity: 0.5;

}



.btn-brown:active, .btn-brown.active,

.show > .btn-brown.dropdown-toggle {

  background-color: #7d5b4e;

  border-color: #7d5b4e;

  color: #fff;

}



.btn-dark {

  background-color: #465161;

  border-color: #465161;

  color: #fff;

}



.btn-dark:hover {

  background-color: #515d70;

  border-color: #515d70;

  color: #fff;

}



.btn-dark:focus, .btn-dark.focus {

  color: #fff;

}



.btn-dark.disabled, .btn-dark:disabled {

  background-color: #465161;

  border-color: #465161;

  opacity: 0.5;

}



.btn-dark:active, .btn-dark.active,

.show > .btn-dark.dropdown-toggle {

  background-color: #3b4552;

  border-color: #3b4552;

  color: #fff;

}



.btn-facebook {

  background-color: #3b5998;

  border-color: #3b5998;

  color: #fff;

}



.btn-facebook:hover {

  background-color: #466ab5;

  border-color: #466ab5;

  color: #fff;

}



.btn-facebook:focus, .btn-facebook.focus {

  color: #fff;

}



.btn-facebook.disabled, .btn-facebook:disabled {

  background-color: #3b5998;

  border-color: #3b5998;

  opacity: 0.5;

}



.btn-facebook:active, .btn-facebook.active,

.show > .btn-facebook.dropdown-toggle {

  background-color: #30487b;

  border-color: #30487b;

  color: #fff;

}



.btn-google {

  background-color: #dd4b39;

  border-color: #dd4b39;

  color: #fff;

}



.btn-google:hover {

  background-color: #e36b5c;

  border-color: #e36b5c;

  color: #fff;

}



.btn-google:focus, .btn-google.focus {

  color: #fff;

}



.btn-google.disabled, .btn-google:disabled {

  background-color: #dd4b39;

  border-color: #dd4b39;

  opacity: 0.5;

}



.btn-google:active, .btn-google.active,

.show > .btn-google.dropdown-toggle {

  background-color: #ca3523;

  border-color: #ca3523;

  color: #fff;

}



.btn-twitter {

  background-color: #00aced;

  border-color: #00aced;

  color: #fff;

}



.btn-twitter:hover {

  background-color: #17bfff;

  border-color: #17bfff;

  color: #fff;

}



.btn-twitter:focus, .btn-twitter.focus {

  color: #fff;

}



.btn-twitter.disabled, .btn-twitter:disabled {

  background-color: #00aced;

  border-color: #00aced;

  opacity: 0.5;

}



.btn-twitter:active, .btn-twitter.active,

.show > .btn-twitter.dropdown-toggle {

  background-color: #008ec4;

  border-color: #008ec4;

  color: #fff;

}



.btn-linkedin {

  background-color: #007bb6;

  border-color: #007bb6;

  color: #fff;

}



.btn-linkedin:hover {

  background-color: #0097df;

  border-color: #0097df;

  color: #fff;

}



.btn-linkedin:focus, .btn-linkedin.focus {

  color: #fff;

}



.btn-linkedin.disabled, .btn-linkedin:disabled {

  background-color: #007bb6;

  border-color: #007bb6;

  opacity: 0.5;

}



.btn-linkedin:active, .btn-linkedin.active,

.show > .btn-linkedin.dropdown-toggle {

  background-color: #005f8d;

  border-color: #005f8d;

  color: #fff;

}



.btn-pinterest {

  background-color: #cb2027;

  border-color: #cb2027;

  color: #fff;

}



.btn-pinterest:hover {

  background-color: #df353c;

  border-color: #df353c;

  color: #fff;

}



.btn-pinterest:focus, .btn-pinterest.focus {

  color: #fff;

}



.btn-pinterest.disabled, .btn-pinterest:disabled {

  background-color: #cb2027;

  border-color: #cb2027;

  opacity: 0.5;

}



.btn-pinterest:active, .btn-pinterest.active,

.show > .btn-pinterest.dropdown-toggle {

  background-color: #a81a20;

  border-color: #a81a20;

  color: #fff;

}



.btn-git {

  background-color: #666666;

  border-color: #666666;

  color: #fff;

}



.btn-git:hover {

  background-color: #7a7a7a;

  border-color: #7a7a7a;

  color: #fff;

}



.btn-git:focus, .btn-git.focus {

  color: #fff;

}



.btn-git.disabled, .btn-git:disabled {

  background-color: #666666;

  border-color: #666666;

  opacity: 0.5;

}



.btn-git:active, .btn-git.active,

.show > .btn-git.dropdown-toggle {

  background-color: #525252;

  border-color: #525252;

  color: #fff;

}



.btn-tumblr {

  background-color: #32506d;

  border-color: #32506d;

  color: #fff;

}



.btn-tumblr:hover {

  background-color: #3f6589;

  border-color: #3f6589;

  color: #fff;

}



.btn-tumblr:focus, .btn-tumblr.focus {

  color: #fff;

}



.btn-tumblr.disabled, .btn-tumblr:disabled {

  background-color: #32506d;

  border-color: #32506d;

  opacity: 0.5;

}



.btn-tumblr:active, .btn-tumblr.active,

.show > .btn-tumblr.dropdown-toggle {

  background-color: #253b51;

  border-color: #253b51;

  color: #fff;

}



.btn-vimeo {

  background-color: #aad450;

  border-color: #aad450;

  color: #fff;

}



.btn-vimeo:hover {

  background-color: #badc71;

  border-color: #badc71;

  color: #fff;

}



.btn-vimeo:focus, .btn-vimeo.focus {

  color: #fff;

}



.btn-vimeo.disabled, .btn-vimeo:disabled {

  background-color: #aad450;

  border-color: #aad450;

  opacity: 0.5;

}



.btn-vimeo:active, .btn-vimeo.active,

.show > .btn-vimeo.dropdown-toggle {

  background-color: #99ca32;

  border-color: #99ca32;

  color: #fff;

}



.btn-youtube {

  background-color: #bb0000;

  border-color: #bb0000;

  color: #fff;

}



.btn-youtube:hover {

  background-color: #e40000;

  border-color: #e40000;

  color: #fff;

}



.btn-youtube:focus, .btn-youtube.focus {

  color: #fff;

}



.btn-youtube.disabled, .btn-youtube:disabled {

  background-color: #bb0000;

  border-color: #bb0000;

  opacity: 0.5;

}



.btn-youtube:active, .btn-youtube.active,

.show > .btn-youtube.dropdown-toggle {

  background-color: #920000;

  border-color: #920000;

  color: #fff;

}



.btn-flickr {

  background-color: #ff0084;

  border-color: #ff0084;

  color: #fff;

}



.btn-flickr:hover {

  background-color: #ff2998;

  border-color: #ff2998;

  color: #fff;

}



.btn-flickr:focus, .btn-flickr.focus {

  color: #fff;

}



.btn-flickr.disabled, .btn-flickr:disabled {

  background-color: #ff0084;

  border-color: #ff0084;

  opacity: 0.5;

}



.btn-flickr:active, .btn-flickr.active,

.show > .btn-flickr.dropdown-toggle {

  background-color: #d6006f;

  border-color: #d6006f;

  color: #fff;

}



.btn-reddit {

  background-color: #ff4500;

  border-color: #ff4500;

  color: #fff;

}



.btn-reddit:hover {

  background-color: #ff6329;

  border-color: #ff6329;

  color: #fff;

}



.btn-reddit:focus, .btn-reddit.focus {

  color: #fff;

}



.btn-reddit.disabled, .btn-reddit:disabled {

  background-color: #ff4500;

  border-color: #ff4500;

  opacity: 0.5;

}



.btn-reddit:active, .btn-reddit.active,

.show > .btn-reddit.dropdown-toggle {

  background-color: #d63a00;

  border-color: #d63a00;

  color: #fff;

}



.btn-dribbble {

  background-color: #ea4c89;

  border-color: #ea4c89;

  color: #fff;

}



.btn-dribbble:hover {

  background-color: #ee71a1;

  border-color: #ee71a1;

  color: #fff;

}



.btn-dribbble:focus, .btn-dribbble.focus {

  color: #fff;

}



.btn-dribbble.disabled, .btn-dribbble:disabled {

  background-color: #ea4c89;

  border-color: #ea4c89;

  opacity: 0.5;

}



.btn-dribbble:active, .btn-dribbble.active,

.show > .btn-dribbble.dropdown-toggle {

  background-color: #e62771;

  border-color: #e62771;

  color: #fff;

}



.btn-skype {

  background-color: #00aff0;

  border-color: #00aff0;

  color: #fff;

}



.btn-skype:hover {

  background-color: #1ac1ff;

  border-color: #1ac1ff;

  color: #fff;

}



.btn-skype:focus, .btn-skype.focus {

  color: #fff;

}



.btn-skype.disabled, .btn-skype:disabled {

  background-color: #00aff0;

  border-color: #00aff0;

  opacity: 0.5;

}



.btn-skype:active, .btn-skype.active,

.show > .btn-skype.dropdown-toggle {

  background-color: #0091c7;

  border-color: #0091c7;

  color: #fff;

}



.btn-instagram {

  background-color: #517fa4;

  border-color: #517fa4;

  color: #fff;

}



.btn-instagram:hover {

  background-color: #6993b5;

  border-color: #6993b5;

  color: #fff;

}



.btn-instagram:focus, .btn-instagram.focus {

  color: #fff;

}



.btn-instagram.disabled, .btn-instagram:disabled {

  background-color: #517fa4;

  border-color: #517fa4;

  opacity: 0.5;

}



.btn-instagram:active, .btn-instagram.active,

.show > .btn-instagram.dropdown-toggle {

  background-color: #446a89;

  border-color: #446a89;

  color: #fff;

}



.btn-lastfm {

  background-color: #c3000d;

  border-color: #c3000d;

  color: #fff;

}



.btn-lastfm:hover {

  background-color: #ec0010;

  border-color: #ec0010;

  color: #fff;

}



.btn-lastfm:focus, .btn-lastfm.focus {

  color: #fff;

}



.btn-lastfm.disabled, .btn-lastfm:disabled {

  background-color: #c3000d;

  border-color: #c3000d;

  opacity: 0.5;

}



.btn-lastfm:active, .btn-lastfm.active,

.show > .btn-lastfm.dropdown-toggle {

  background-color: #9a000a;

  border-color: #9a000a;

  color: #fff;

}



.btn-behance {

  background-color: #1769ff;

  border-color: #1769ff;

  color: #fff;

}



.btn-behance:hover {

  background-color: #4083ff;

  border-color: #4083ff;

  color: #fff;

}



.btn-behance:focus, .btn-behance.focus {

  color: #fff;

}



.btn-behance.disabled, .btn-behance:disabled {

  background-color: #1769ff;

  border-color: #1769ff;

  opacity: 0.5;

}



.btn-behance:active, .btn-behance.active,

.show > .btn-behance.dropdown-toggle {

  background-color: #0054ed;

  border-color: #0054ed;

  color: #fff;

}



.btn-rss {

  background-color: #f26522;

  border-color: #f26522;

  color: #fff;

}



.btn-rss:hover {

  background-color: #f48049;

  border-color: #f48049;

  color: #fff;

}



.btn-rss:focus, .btn-rss.focus {

  color: #fff;

}



.btn-rss.disabled, .btn-rss:disabled {

  background-color: #f26522;

  border-color: #f26522;

  opacity: 0.5;

}



.btn-rss:active, .btn-rss.active,

.show > .btn-rss.dropdown-toggle {

  background-color: #de500d;

  border-color: #de500d;

  color: #fff;

}



.btn-primary-outline {

  color: #7460ee;

  background-color: transparent;

  border-color: #7460ee;

}



.btn-primary-outline:hover {

  color: #fff;

  background-color: #7460ee;

  border-color: #7460ee;

}



.btn-primary-outline:active, .btn-primary-outline.active,

.show > .btn-primary-outline.dropdown-toggle {

  background-color: #2ba99d;

  border-color: #2ba99d;

}



.btn-success-outline {

  color: #26c6da;

  background-color: transparent;

  border-color: #26c6da;

}



.btn-success-outline:hover {

  color: #fff;

  background-color: #26c6da;

  border-color: #26c6da;

}



.btn-success-outline:active, .btn-success-outline.active,

.show > .btn-success-outline.dropdown-toggle {

  background-color: #12a766;

  border-color: #12a766;

}



.btn-info-outline {

  color: #2568ef;

  background-color: transparent;

  border-color: #2568ef;

}



.btn-info-outline:hover {

  color: #fff;

  background-color: #2568ef;

  border-color: #2568ef;

}



.btn-info-outline:active, .btn-info-outline.active,

.show > .btn-info-outline.dropdown-toggle {

  background-color: #2ba3f6;

  border-color: #2ba3f6;

}



.btn-warning-outline {

  color: #ffb22b;

  background-color: transparent;

  border-color: #ffb22b;

}



.btn-warning-outline:hover {

  color: #fff;

  background-color: #ffb22b;

  border-color: #ffb22b;

}



.btn-warning-outline:active, .btn-warning-outline.active,

.show > .btn-warning-outline.dropdown-toggle {

  background-color: #f99a32;

  border-color: #f99a32;

}



.btn-danger-outline {

  color: #fc4b6c;

  background-color: transparent;

  border-color: #fc4b6c;

}



.btn-danger-outline:hover {

  color: #fff;

  background-color: #fc4b6c;

  border-color: #fc4b6c;

}



.btn-danger-outline:active, .btn-danger-outline.active,

.show > .btn-danger-outline.dropdown-toggle {

  background-color: #f84f4f;

  border-color: #f84f4f;

}



.btn-secondary-outline {

  color: #e4e7ea;

  background-color: transparent;

  border-color: #e4e7ea;

}



.btn-secondary-outline:hover {

  color: #fff;

  background-color: #e4e7ea;

  border-color: #e4e7ea;

}



.btn-secondary-outline:active, .btn-secondary-outline.active,

.show > .btn-secondary-outline.dropdown-toggle {

  background-color: #dbdfe3;

  border-color: #dbdfe3;

}

.btn-outline {

  color: #fff;

  background-color: transparent;

  border-color: #fff;

}

.btn-outline:hover {

  color: #121212;

  background-color:#fff;

}

.btn-outline.btn-primary {

  color: #7460ee;

  background-color: transparent;

  border-color: #7460ee;

}



.btn-outline.btn-primary:hover {

  color: #fff;

  background-color: #7460ee;

  border-color: #7460ee;

}



.btn-outline.btn-primary:active, .btn-outline.btn-primary.active,

.show > .btn-outline.btn-primary.dropdown-toggle {

  background-color: #2ba99d;

  border-color: #2ba99d;

}



.btn-outline.btn-success {

  color: #26c6da;

  background-color: transparent;

  border-color: #26c6da;

}



.btn-outline.btn-success:hover {

  color: #fff;

  background-color: #26c6da;

  border-color: #26c6da;

}



.btn-outline.btn-success:active, .btn-outline.btn-success.active,

.show > .btn-outline.btn-success.dropdown-toggle {

  background-color: #12a766;

  border-color: #12a766;

}



.btn-outline.btn-info {

  color: #2568ef;

  background-color: transparent;

  border-color: #2568ef;

}



.btn-outline.btn-info:hover {

  color: #fff;

  background-color: #2568ef;

  border-color: #2568ef;

}



.btn-outline.btn-info:active, .btn-outline.btn-info.active,

.show > .btn-outline.btn-info.dropdown-toggle {

  background-color: #2ba3f6;

  border-color: #2ba3f6;

}



.btn-outline.btn-warning {

  color: #ffb22b;

  background-color: transparent;

  border-color: #ffb22b;

}



.btn-outline.btn-warning:hover {

  color: #fff;

  background-color: #ffb22b;

  border-color: #ffb22b;

}



.btn-outline.btn-warning:active, .btn-outline.btn-warning.active,

.show > .btn-outline.btn-warning.dropdown-toggle {

  background-color: #f99a32;

  border-color: #f99a32;

}



.btn-outline.btn-danger {

  color: #fc4b6c;

  background-color: transparent;

  border-color: #fc4b6c;

}



.btn-outline.btn-danger:hover {

  color: #fff;

  background-color: #fc4b6c;

  border-color: #fc4b6c;

}



.btn-outline.btn-danger:active, .btn-outline.btn-danger.active,

.show > .btn-outline.btn-danger.dropdown-toggle {

  background-color: #f84f4f;

  border-color: #f84f4f;

}



.btn-outline.btn-secondary {

  color: #e4e7ea;

  background-color: transparent;

  border-color: #e4e7ea;

}



.btn-outline.btn-secondary:hover {

  color: #fff;

  background-color: #e4e7ea;

  border-color: #e4e7ea;

}



.btn-outline.btn-secondary:active, .btn-outline.btn-secondary.active,

.show > .btn-outline.btn-secondary.dropdown-toggle {

  background-color: #dbdfe3;

  border-color: #dbdfe3;

}



.btn-outline.btn-light {

  color: #fff;

  background-color: transparent;

  border-color: #fff;

}



.btn-outline.btn-light:hover {

  color: #fff;

  background-color: #fff;

  border-color: #fff;

}



.btn-outline.btn-light:active, .btn-outline.btn-light.active,

.show > .btn-outline.btn-light.dropdown-toggle {

  background-color: #f2f2f2;

  border-color: #f2f2f2;

}



.btn-outline.btn-purple {

  color: #7c277d;

  background-color: transparent;

  border-color: #7c277d;

}



.btn-outline.btn-purple:hover {

  color: #fff;

  background-color: #7c277d;

  border-color: #7c277d;

}



.btn-outline.btn-purple:active, .btn-outline.btn-purple.active,

.show > .btn-outline.btn-purple.dropdown-toggle {

  background-color: #8258d9;

  border-color: #8258d9;

}



.btn-outline.btn-pink {

  color: #FC3468;

  background-color: transparent;

  border-color: #FC3468;

}



.btn-outline.btn-pink:hover {

  color: #fff;

  background-color: #FC3468;

  border-color: #FC3468;

}



.btn-outline.btn-pink:active, .btn-outline.btn-pink.active,

.show > .btn-outline.btn-pink.dropdown-toggle {

  background-color: #f84d8a;

  border-color: #f84d8a;

}



.btn-outline.btn-cyan {

  color: #57c7d4;

  background-color: transparent;

  border-color: #57c7d4;

}



.btn-outline.btn-cyan:hover {

  color: #fff;

  background-color: #57c7d4;

  border-color: #57c7d4;

}



.btn-outline.btn-cyan:active, .btn-outline.btn-cyan.active,

.show > .btn-outline.btn-cyan.dropdown-toggle {

  background-color: #37bccc;

  border-color: #37bccc;

}



.btn-outline.btn-yellow {

  color: #fcc525;

  background-color: transparent;

  border-color: #fcc525;

}



.btn-outline.btn-yellow:hover {

  color: #fff;

  background-color: #fcc525;

  border-color: #fcc525;

}



.btn-outline.btn-yellow:active, .btn-outline.btn-yellow.active,

.show > .btn-outline.btn-yellow.dropdown-toggle {

  background-color: #f5b703;

  border-color: #f5b703;

}



.btn-outline.btn-brown {

  color: #8d6658;

  background-color: transparent;

  border-color: #8d6658;

}



.btn-outline.btn-brown:hover {

  color: #fff;

  background-color: #8d6658;

  border-color: #8d6658;

}



.btn-outline.btn-brown:active, .btn-outline.btn-brown.active,

.show > .btn-outline.btn-brown.dropdown-toggle {

  background-color: #7d5b4e;

  border-color: #7d5b4e;

}



.btn-outline.btn-dark {

  color: #465161;

  background-color: transparent;

  border-color: #465161;

}



.btn-outline.btn-dark:hover {

  color: #fff;

  background-color: #465161;

  border-color: #465161;

}



.btn-outline.btn-dark:active, .btn-outline.btn-dark.active,

.show > .btn-outline.btn-dark.dropdown-toggle {

  background-color: #3b4552;

  border-color: #3b4552;

}



.btn-outline.btn-light:hover {

  color: #616a78;

}



.btn-outline.btn-facebook {

  color: #3b5998;

  background-color: transparent;

  border-color: #3b5998;

}



.btn-outline.btn-facebook:hover {

  color: #fff;

  background-color: #3b5998;

  border-color: #3b5998;

}



.btn-outline.btn-facebook:active, .btn-outline.btn-facebook.active,

.show > .btn-outline.btn-facebook.dropdown-toggle {

  background-color: #30487b;

  border-color: #30487b;

}



.btn-outline.btn-google {

  color: #dd4b39;

  background-color: transparent;

  border-color: #dd4b39;

}



.btn-outline.btn-google:hover {

  color: #fff;

  background-color: #dd4b39;

  border-color: #dd4b39;

}



.btn-outline.btn-google:active, .btn-outline.btn-google.active,

.show > .btn-outline.btn-google.dropdown-toggle {

  background-color: #ca3523;

  border-color: #ca3523;

}



.btn-outline.btn-twitter {

  color: #00aced;

  background-color: transparent;

  border-color: #00aced;

}



.btn-outline.btn-twitter:hover {

  color: #fff;

  background-color: #00aced;

  border-color: #00aced;

}



.btn-outline.btn-twitter:active, .btn-outline.btn-twitter.active,

.show > .btn-outline.btn-twitter.dropdown-toggle {

  background-color: #008ec4;

  border-color: #008ec4;

}



.btn-outline.btn-linkedin {

  color: #007bb6;

  background-color: transparent;

  border-color: #007bb6;

}



.btn-outline.btn-linkedin:hover {

  color: #fff;

  background-color: #007bb6;

  border-color: #007bb6;

}



.btn-outline.btn-linkedin:active, .btn-outline.btn-linkedin.active,

.show > .btn-outline.btn-linkedin.dropdown-toggle {

  background-color: #005f8d;

  border-color: #005f8d;

}



.btn-outline.btn-pinterest {

  color: #cb2027;

  background-color: transparent;

  border-color: #cb2027;

}



.btn-outline.btn-pinterest:hover {

  color: #fff;

  background-color: #cb2027;

  border-color: #cb2027;

}



.btn-outline.btn-pinterest:active, .btn-outline.btn-pinterest.active,

.show > .btn-outline.btn-pinterest.dropdown-toggle {

  background-color: #a81a20;

  border-color: #a81a20;

}



.btn-outline.btn-git {

  color: #666666;

  background-color: transparent;

  border-color: #666666;

}



.btn-outline.btn-git:hover {

  color: #fff;

  background-color: #666666;

  border-color: #666666;

}



.btn-outline.btn-git:active, .btn-outline.btn-git.active,

.show > .btn-outline.btn-git.dropdown-toggle {

  background-color: #525252;

  border-color: #525252;

}



.btn-outline.btn-tumblr {

  color: #32506d;

  background-color: transparent;

  border-color: #32506d;

}



.btn-outline.btn-tumblr:hover {

  color: #fff;

  background-color: #32506d;

  border-color: #32506d;

}



.btn-outline.btn-tumblr:active, .btn-outline.btn-tumblr.active,

.show > .btn-outline.btn-tumblr.dropdown-toggle {

  background-color: #253b51;

  border-color: #253b51;

}



.btn-outline.btn-vimeo {

  color: #aad450;

  background-color: transparent;

  border-color: #aad450;

}



.btn-outline.btn-vimeo:hover {

  color: #fff;

  background-color: #aad450;

  border-color: #aad450;

}



.btn-outline.btn-vimeo:active, .btn-outline.btn-vimeo.active,

.show > .btn-outline.btn-vimeo.dropdown-toggle {

  background-color: #99ca32;

  border-color: #99ca32;

}



.btn-outline.btn-youtube {

  color: #bb0000;

  background-color: transparent;

  border-color: #bb0000;

}



.btn-outline.btn-youtube:hover {

  color: #fff;

  background-color: #bb0000;

  border-color: #bb0000;

}



.btn-outline.btn-youtube:active, .btn-outline.btn-youtube.active,

.show > .btn-outline.btn-youtube.dropdown-toggle {

  background-color: #920000;

  border-color: #920000;

}



.btn-outline.btn-flickr {

  color: #ff0084;

  background-color: transparent;

  border-color: #ff0084;

}



.btn-outline.btn-flickr:hover {

  color: #fff;

  background-color: #ff0084;

  border-color: #ff0084;

}



.btn-outline.btn-flickr:active, .btn-outline.btn-flickr.active,

.show > .btn-outline.btn-flickr.dropdown-toggle {

  background-color: #d6006f;

  border-color: #d6006f;

}



.btn-outline.btn-reddit {

  color: #ff4500;

  background-color: transparent;

  border-color: #ff4500;

}



.btn-outline.btn-reddit:hover {

  color: #fff;

  background-color: #ff4500;

  border-color: #ff4500;

}



.btn-outline.btn-reddit:active, .btn-outline.btn-reddit.active,

.show > .btn-outline.btn-reddit.dropdown-toggle {

  background-color: #d63a00;

  border-color: #d63a00;

}



.btn-outline.btn-dribbble {

  color: #ea4c89;

  background-color: transparent;

  border-color: #ea4c89;

}



.btn-outline.btn-dribbble:hover {

  color: #fff;

  background-color: #ea4c89;

  border-color: #ea4c89;

}



.btn-outline.btn-dribbble:active, .btn-outline.btn-dribbble.active,

.show > .btn-outline.btn-dribbble.dropdown-toggle {

  background-color: #e62771;

  border-color: #e62771;

}



.btn-outline.btn-skype {

  color: #00aff0;

  background-color: transparent;

  border-color: #00aff0;

}



.btn-outline.btn-skype:hover {

  color: #fff;

  background-color: #00aff0;

  border-color: #00aff0;

}



.btn-outline.btn-skype:active, .btn-outline.btn-skype.active,

.show > .btn-outline.btn-skype.dropdown-toggle {

  background-color: #0091c7;

  border-color: #0091c7;

}



.btn-outline.btn-instagram {

  color: #517fa4;

  background-color: transparent;

  border-color: #517fa4;

}



.btn-outline.btn-instagram:hover {

  color: #fff;

  background-color: #517fa4;

  border-color: #517fa4;

}



.btn-outline.btn-instagram:active, .btn-outline.btn-instagram.active,

.show > .btn-outline.btn-instagram.dropdown-toggle {

  background-color: #446a89;

  border-color: #446a89;

}



.btn-outline.btn-lastfm {

  color: #c3000d;

  background-color: transparent;

  border-color: #c3000d;

}



.btn-outline.btn-lastfm:hover {

  color: #fff;

  background-color: #c3000d;

  border-color: #c3000d;

}



.btn-outline.btn-lastfm:active, .btn-outline.btn-lastfm.active,

.show > .btn-outline.btn-lastfm.dropdown-toggle {

  background-color: #9a000a;

  border-color: #9a000a;

}



.btn-outline.btn-behance {

  color: #1769ff;

  background-color: transparent;

  border-color: #1769ff;

}



.btn-outline.btn-behance:hover {

  color: #fff;

  background-color: #1769ff;

  border-color: #1769ff;

}



.btn-outline.btn-behance:active, .btn-outline.btn-behance.active,

.show > .btn-outline.btn-behance.dropdown-toggle {

  background-color: #0054ed;

  border-color: #0054ed;

}



.btn-outline.btn-rss {

  color: #f26522;

  background-color: transparent;

  border-color: #f26522;

}



.btn-outline.btn-rss:hover {

  color: #fff;

  background-color: #f26522;

  border-color: #f26522;

}



.btn-outline.btn-rss:active, .btn-outline.btn-rss.active,

.show > .btn-outline.btn-rss.dropdown-toggle {

  background-color: #de500d;

  border-color: #de500d;

}



.btn-label {

  position: relative;

  padding-left: 52px;

  overflow: hidden;

}



.btn-label label {

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 36px;

  line-height: inherit;

  padding-top: 5px;

  padding-bottom: 5px;

  background-color: rgba(0, 0, 0, 0.1);

  cursor: pointer;

  margin-bottom: 0;

}



.btn-label.btn-xs {

  padding-left: 32px;

}



.btn-label.btn-xs label {

  width: 24px;

}



.btn-label.btn-sm {

  padding-left: 41px;

}



.btn-label.btn-sm label {

  width: 29px;

}



.btn-label.btn-lg {

  padding-left: 64px;

}



.btn-label.btn-lg label {

  width: 48px;

}



.btn-flat {

  position: relative;

  font-size: 13px;

  font-family: Open Sans, sans-serif;

  text-transform: uppercase;

  background-color: #fcfdfe;

  border: none;

  letter-spacing: 1px;

  border-radius: 0;

}



.btn-flat:hover {

  background-color: #f9fafb;

}



.btn-flat svg {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.btn-flat circle {

  fill: rgba(255, 255, 255, 0.3);

}



.btn-flat.btn-primary {

  color: #7460ee;

}



.btn-flat.btn-primary circle {

  fill: rgba(51, 202, 187, 0.1);

}



.btn-flat.btn-secondary {

  color: #e4e7ea;

}



.btn-flat.btn-secondary circle {

  fill: rgba(228, 231, 234, 0.1);

}



.btn-flat.btn-success {

  color: #26c6da;

}



.btn-flat.btn-success circle {

  fill: rgba(21, 195, 119, 0.1);

}



.btn-flat.btn-info {

  color: #2568ef;

}



.btn-flat.btn-info circle {

  fill: rgba(72, 176, 247, 0.1);

}



.btn-flat.btn-warning {

  color: #ffb22b;

}



.btn-flat.btn-warning circle {

  fill: rgba(250, 166, 75, 0.1);

}



.btn-flat.btn-danger {

  color: #fc4b6c;

}



.btn-flat.btn-danger circle {

  fill: rgba(249, 104, 104, 0.1);

}



.btn-flat.btn-pink {

  color: #FC3468;

}



.btn-flat.btn-pink circle {

  fill: rgba(249, 97, 151, 0.1);

}



.btn-flat.btn-purple {

  color: #7c277d;

}



.btn-flat.btn-purple circle {

  fill: rgba(146, 109, 222, 0.1);

}



.btn-flat.btn-brown {

  color: #8d6658;

}



.btn-flat.btn-brown circle {

  fill: rgba(141, 102, 88, 0.1);

}



.btn-flat.btn-cyan {

  color: #57c7d4;

}



.btn-flat.btn-cyan circle {

  fill: rgba(87, 199, 212, 0.1);

}



.btn-flat.btn-yellow {

  color: #fcc525;

}



.btn-flat.btn-yellow circle {

  fill: rgba(252, 197, 37, 0.1);

}



.btn-flat.btn-gray {

  color: #868e96;

}



.btn-flat.btn-gray circle {

  fill: rgba(134, 142, 150, 0.1);

}



.btn-flat.btn-dark {

  color: #465161;

}



.btn-flat.btn-dark circle {

  fill: rgba(70, 81, 97, 0.1);

}



.btn-flat.btn-secondary {

  color: #788394;

}



.btn-flat.btn-facebook {

  color: #3b5998;

}



.btn-flat.btn-facebook circle {

  fill: rgba(59, 89, 152, 0.1);

}



.btn-flat.btn-google {

  color: #dd4b39;

}



.btn-flat.btn-google circle {

  fill: rgba(221, 75, 57, 0.1);

}



.btn-flat.btn-twitter {

  color: #00aced;

}



.btn-flat.btn-twitter circle {

  fill: rgba(0, 172, 237, 0.1);

}



.btn-flat.btn-linkedin {

  color: #007bb6;

}



.btn-flat.btn-linkedin circle {

  fill: rgba(0, 123, 182, 0.1);

}



.btn-flat.btn-pinterest {

  color: #cb2027;

}



.btn-flat.btn-pinterest circle {

  fill: rgba(203, 32, 39, 0.1);

}



.btn-flat.btn-git {

  color: #666666;

}



.btn-flat.btn-git circle {

  fill: rgba(102, 102, 102, 0.1);

}



.btn-flat.btn-tumblr {

  color: #32506d;

}



.btn-flat.btn-tumblr circle {

  fill: rgba(50, 80, 109, 0.1);

}



.btn-flat.btn-vimeo {

  color: #aad450;

}



.btn-flat.btn-vimeo circle {

  fill: rgba(170, 212, 80, 0.1);

}



.btn-flat.btn-youtube {

  color: #bb0000;

}



.btn-flat.btn-youtube circle {

  fill: rgba(187, 0, 0, 0.1);

}



.btn-flat.btn-flickr {

  color: #ff0084;

}



.btn-flat.btn-flickr circle {

  fill: rgba(255, 0, 132, 0.1);

}



.btn-flat.btn-reddit {

  color: #ff4500;

}



.btn-flat.btn-reddit circle {

  fill: rgba(255, 69, 0, 0.1);

}



.btn-flat.btn-dribbble {

  color: #ea4c89;

}



.btn-flat.btn-dribbble circle {

  fill: rgba(234, 76, 137, 0.1);

}



.btn-flat.btn-skype {

  color: #00aff0;

}



.btn-flat.btn-skype circle {

  fill: rgba(0, 175, 240, 0.1);

}



.btn-flat.btn-instagram {

  color: #517fa4;

}



.btn-flat.btn-instagram circle {

  fill: rgba(81, 127, 164, 0.1);

}



.btn-flat.btn-lastfm {

  color: #c3000d;

}



.btn-flat.btn-lastfm circle {

  fill: rgba(195, 0, 13, 0.1);

}



.btn-flat.btn-behance {

  color: #1769ff;

}



.btn-flat.btn-behance circle {

  fill: rgba(23, 105, 255, 0.1);

}



.btn-flat.btn-rss {

  color: #f26522;

}



.btn-flat.btn-rss circle {

  fill: rgba(242, 101, 34, 0.1);

}



/*callout*/

.callout {

    margin: 0 0 20px;

    padding: 15px 30px 15px 15px;

    border-left: 5px solid #eee;

}

.callout a {

    color: #fff;

    text-decoration: underline;

}

.callout a:hover {

    color: #eee;

}

.callout h4 {

    margin-top: 0;

}

.callout p:last-child {

    margin-bottom: 0;

}

.callout.callout-danger {

    border-color: #fc4b6c;

}

.callout.callout-warning {

    border-color: #ffb22b;

}

.callout.callout-info {

    border-color: #2568ef;

}

.callout.callout-success {

    border-color: #26c6da;

}

.alert .icon {

    margin-right: 10px;

}

.alert .close {

    color: #000;

    opacity: .2;

    filter: alpha(opacity=20);

}

.alert .close:hover {

    opacity: .5;

    filter: alpha(opacity=50);

}

.alert a {

    color: #333;

}

.alert-success {

    border-color: #26c6da;

}

.alert-danger, .alert-error {

    border-color: #e73f3c;

}

.alert-warning {

    border-color: #df9e1b;

}

.alert-info {

    border-color: #2568ef;

}

/*tab*/

.nav>li>a:active, .nav>li>a:focus, .nav>li>a:hover {

    color: #fff;

    background: #286efb;

}

.nav.nav-tabs.custab>li>a:active, .nav.nav-tabs.custab>li>a:focus, .nav.nav-tabs.custab>li>a:hover {

    color: #286efb;

    background: transparent !important;

}

.nav-pills>li>a {

    border-radius: 0;

    border-top: 3px solid transparent;

    color: #455a64;

}

.nav-pills>li>a>.fa, .nav-pills>li>a>.glyphicon, .nav-pills>li>a>.ion {

    margin-right: 5px;

}

.nav-pills>li>a.active, .nav-pills>li>a.active:focus, .nav-pills>li>a.active:hover {

    border-top-color: #286efb;

	background-color: #286efb !important;

}

.flex-column>li>a {

    border-radius: 0 !important;

    border-top: 0;

    border-left: 3px solid transparent;

    color: #455a64;

}

.flex-column>li>a.nav-link.active, .flex-column>li>a.nav-link.active:hover {

    background: 0 0;

    color: #fff;

    border-top: 0;

    border-left-color: #398bf7;

}

.flex-column>li.header {

    border-bottom: 1px solid #ddd;

    color: #67757c;

    margin-bottom: 10px;

    padding: 5px 10px;

}

.nav-tabs-custom {

    margin-bottom: 20px;

    /*-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);

    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);

    box-shadow: 0 0 5px rgba(0, 0, 0, .2);*/

    border-radius: 3px;

}



.nav-tabs-custom.cus {

    margin-bottom: 20px;

    box-shadow: none;

    border-radius: 4px;

}

.nav-tabs-custom>.nav-tabs {

    margin: 0;

    border-bottom: 2px solid #f4f4f4;

    border-radius: 0;

}

.nav-tabs-custom>.nav-tabs.admin {

    margin: 0;

    border-bottom: 0px solid #f4f4f4;

    border-radius: 0;

}

.nav-tabs-custom>.nav-tabs.custom {

    margin: 0 auto;

    border-bottom-color: #fff;

    border-radius: 0;

    width: 71%;

    margin-bottom: 10px;

}

.nav-tabs-custom>.nav-tabs>li {

    margin-bottom: -2px;

    margin-right: 5px;

}



.nav-tabs-custom>.nav-tabs.custom>li {

    margin-bottom: -2px;

    margin-right: 5px;

    text-align: center;

}



.nav-tabs-custom>.nav-tabs>li.icon-btn {

    display: block;

    position: absolute;

    right: 15px;

    border: none;

    top: -2px;

}

.nav-tabs-custom>.nav-tabs>li.disabled>a {

    color: #67757c;

}

.nav-tabs-custom>.nav-tabs>li>a {

    color: #455a64;

    border-radius: 0;

	position: relative;

    display: block;

    padding: 10px 20px;

    font-weight: 500;

    font-size: 15px;

}



.nav-tabs-custom>.nav-tabs.custom>li>a {

    color: #455a64;

    border-radius: 0;

    position: relative;

    display: block;

    padding: 30px 45px;

    font-weight: bold;

    opacity: .8;

}



.nav-tabs-custom>.nav-tabs>li>a.text-muted, .nav-tabs-custom>.nav-tabs>li>a:hover {

    color: #67757c;

}

.nav-tabs-custom>.nav-tabs>li>a.text-muted, .nav-tabs-custom>.nav-tabs.custom>li>a:hover {

    opacity: .5 !important;

    color: #67757c;

}

.nav-tabs-custom>.nav-tabs>li>a.text-muted, .nav-tabs-custom>.nav-tabs.admin>li>a:hover {

    background: rgba(0,0,0,.06);

    color: #333;

    border-radius: 50px;

}

.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li>a:hover {

    background: 0 0;

    margin: 0;

}



.nav-tabs-custom>.nav-tabs>li>a.active:hover, .nav-tabs-custom>.nav-tabs>li>a.active {

    background-color: #fff;

    color: #455a64;

}

.nav-tabs-custom>.nav-tabs>li>a.active {

    border-left: 1px solid #f4f4f4;

    border-right: 1px solid #f4f4f4;

}

.nav-tabs-custom>.nav-tabs.custom>li>a.active {

    border-left: 1px solid #fff;

    border-right: 1px solid #fff;

}

.nav-tabs-custom>.nav-tabs.admin>li>a.active {

    border-left: none;

    border-right: none;

}

.nav-tabs-custom>.nav-tabs>li:first-of-type {

    margin-left: 0;

}

.nav-tabs-custom>.nav-tabs>li:first-of-type>a.active {

    border-left-color: transparent;

}

.nav-tabs-custom>.nav-tabs.float-right {

    float: none!important;

	    display: block;

}

.nav-tabs-custom>.nav-tabs.float-right>li {

    float: right;

}

.nav-tabs-custom>.nav-tabs>li>a {

    border-top:3px solid transparent;

}

.nav-tabs-custom>.nav-tabs.admin>li>a {

    border-top:none;

}

.nav-tabs-custom>.nav-tabs.float-right>li:first-of-type {

    margin-right: 0;

}

.nav-tabs-custom>.nav-tabs.float-right>li:first-of-type>a {

    border-left-width: 1px;	

}

.nav-tabs-custom>.nav-tabs.float-right>li:first-of-type>a.active {

    border-left-color: #f4f4f4;

    border-right-color: transparent;

}

.nav-tabs-custom>.nav-tabs>li.header {

    line-height: 30px;

    padding: 5px 10px;

    font-size: 16px;

    color: #455a64;

}

.nav-tabs-custom>.nav-tabs>li.header>.fa, .nav-tabs-custom>.nav-tabs>li.header>.glyphicon, .nav-tabs-custom>.nav-tabs>li.header>.ion {

    margin-right: 5px;

}

.nav-tabs-custom>.tab-content {

    padding: 10px;

    border-radius: 0;

}

.nav-tabs-custom>.tab-content.box {

    padding: 10px;

    border-radius: 6px !important;

}

.nav-tabs-custom .dropdown.show>a:active, .nav-tabs-custom .dropdown.show>a:focus {

    background: 0 0;

    color: #67757c;

}

.nav-tabs-custom.tab-primary>.nav-tabs>li a.active {

    border-top-color: #398bf7;

}

.nav-tabs-custom.tab-info>.nav-tabs>li a.active {

    border-top-color: #398bf7;

}

.nav-tabs-custom.tab-danger>.nav-tabs>li a.active {

    border-top-color: #fc4b6c;

}

.nav-tabs-custom.tab-warning>.nav-tabs>li a.active {

    border-top-color: #ffb22b;

}

.nav-tabs-custom.tab-success>.nav-tabs>li a.active {

    border-top-color: #26c6da;

}

.nav-tabs-custom.tab-default>.nav-tabs>li a.active {

    border-top-color: #d2d6de;

}

.nav-tabs-custom>.nav-tabs>li a.active {

    border-bottom: 2px solid #398bf7;

    color: #398bf7;

    opacity: 1;

}

.nav-tabs-custom>.nav-tabs.admin>li a.active {

    color: #fff;

    border-bottom: none;

    background: #2568ef;

    opacity: 1;

    border-radius: 50px;

}

.nav-tabs-custom>.nav-tabs.custom>li a.active {

    border-top-color: #fff;

    color: #398bf7;

    opacity: 1;

}



.nav-tabs-admin>.nav-tabs>li a.active {

    border-top-color: #398bf7;

    color: #398bf7;

    opacity: 1;

}



.nav-tabs-admin>.nav-tabs.admin>li a.active {

    border-top-color: #fff;

    color: #398bf7;

    opacity: 1;

}



.profile-tab li a.nav-link.active, .skin-blue .customtab li a.nav-link.active {

    border-bottom: 2px solid #398bf7;

    color: #fff;

}

.mailbox-nav .nav-pills>li>a.active, .mailbox-nav .nav-pills>li>a.active:focus, .mailbox-nav .nav-pills>li>a.active:hover, .mailbox-nav .nav-pills>li>a:focus, .mailbox-nav .nav-pills>li>a:hover {

    background: #f2f4f8;

    border-left-color: #398bf7;

}

.left-float {

    float: left;

}

.right-float {

    float: right;

}

/*pagination*/



.pagination {

    display: block;

    padding-left: 0;

    list-style: none;

    border-radius: .25rem;

}



ul.pagination li {

    display: inline-block;

    margin: 5px;

}



ul.pagination li a {

    background: #f1f1f1;

    padding: 8px 14px;

    color: #000;

    font-size: 15px;

    font-weight: 600;

    border-radius: 50px;

}



ul.pagination li a:hover {

    background:#1054dd;

    color: #fff;

}



li.active.page-num a {

    background: #1054dd;

}



ul.pagination li.disabled {

    display: none;

}



.pagination>.active>a{ 

    z-index: 2;

    color: #fff;

    cursor: default;

    background-color: #1054dd !important;

    border-color: #666 !important;

}



li.next a {

    background: #fff !important;

    font-size: 30px;

    line-height: 13px;

}



li.next a:hover {

    color: #333 !important;

}



li.prev a {

    background: #fff !important;

    font-size: 30px;

    line-height: 15px;

}



li.prev:hover {

    color: #333 !important;

}

/*pagination end*/





.products-list {

    list-style: none;

    margin: 0;

    padding: 0;

}

.products-list>.item {

    border-radius: 3px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);

    padding: 10px 0;

    background: #fff;

}

.products-list>.item:after, .products-list>.item:before {

    content: " ";

    display: table;

}

.products-list .product-img {

    float: left;

}

.products-list .product-img img {

    width: 50px;

    height: 50px;

    border-radius: 100%}

.products-list .product-info {

    margin-left: 60px;

}

.products-list .product-description {

    display: block;

    color: #67757c;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.product-list-in-box>.item {

    -webkit-box-shadow: none;

    box-shadow: none;

    border-radius: 0;

    border-bottom: 1px solid #f4f4f4;

}

.product-list-in-box>.item:last-of-type {

    border-bottom-width: 0;

}

/*data table*/

@media screen and (max-width: 767px){

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

    white-space: nowrap;

}

}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

    border-top: 1px solid #f4f4f4;

    padding: 15px 10px;

    font-size: 14px;

    font-weight: 500;

}



.table thead:first-child th {

    border-top: none;

    padding: 10px 10px;

}

.table>thead>tr>th {

    border-bottom: 2px solid #f4f4f4;

    font-weight: 500;

    color: #222;

    font-size: 16px;

}

.table tr td .progress {

    margin-top: 5px;

}

.table th, .table thead th {

    font-weight: 500;

}

.contacts-list-name, .direct-chat-name {

    font-weight: 600;

}

.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {

    border: 1px solid #f4f4f4;

}

.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {

    border-bottom-width: 2px;

}

.table.no-border, .table.no-border td, .table.no-border th {

    border: 0;

}

.table.align th {

    text-align: left;

}

.table.align td {

    text-align: right;

}

.table-separated {

    border-collapse: separate;

    border-spacing: 0 8px;

}

.table-separated thead th {

    border-bottom: none;

}

.table-separated tbody tr {

    background-color: #fcfdfe;

    -webkit-transition: .5s;

    transition: .5s;

}

.table-separated tbody tr > *:first-child {

    border-top-left-radius: 3px;

    border-bottom-left-radius: 3px;

}

.table-separated tbody tr th, .table-separated tbody tr td {

    border-top: none;

}

.table-separated tbody tr > *:last-child {

    border-top-right-radius: 3px;

    border-bottom-right-radius: 3px;

}

.dataTables_info, .dataTables_length, .dt-buttons {

    display: inline-block;

	    padding-top: 5px;

}

.dt-buttons {

	margin-bottom: 10px;

}

.dt-buttons .dt-button {

    padding: 4px 15px;

    border-radius: 4px;

    border: none;

    background: #2f3d4a;

    color: #fff;

    margin-right: 5px;

    display: inline-block;

    cursor: pointer;

}

.dt-buttons .dt-button:hover {

    background: #2568ef;

}

.dataTables_filter {

    float: right;

	padding-top: 5px;

}

.dataTables_filter input {

    border: 1px solid #d9d9d9;

    margin-left: 5px;

}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {

    background: 0 0;

}

table.dataTable thead .sorting_asc:after {

    content: "\f0de";

    margin-left: 10px;

    font-family: fontawesome;

    cursor: pointer;

}

table.dataTable thead .sorting_desc:after {

    content: "\f0dd";

    margin-left: 10px;

    font-family: fontawesome;

    cursor: pointer;

}

table.dataTable thead .sorting:after {

    content: "\f0dc";

    margin-left: 10px;

    font-family: fontawesome;

    cursor: pointer;

    color: rgba(50, 50, 50, .5);

}

.dataTables_wrapper .dataTables_paginate {

    float: right;

    text-align: right;

    padding-top: .25em;

}

.dataTables_wrapper .dataTables_paginate .paginate_button {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: inline-block;

    min-width: 1.5em;

    padding: .5em 1em;

    margin-left: 2px;

    text-align: center;

    text-decoration: none;

    cursor: pointer;

    color: #67757c;

    border: 1px solid transparent;

    border-radius: 2px;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

    color: #fff;

    border: 1px solid #398bf7;

    background-color: #398bf7;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {

    cursor: not-allowed;

    color: #67757c;

    border: 1px solid transparent;

    background: 0 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {

    color: #fff;

    border: 1px solid #7c277d;

    background-color: #7c277d;

}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {

    outline: 0;

    background-color: #67757c;

}

.dataTables_wrapper .dataTables_paginate .ellipsis {

    padding: 0 1em;

}

.tablesaw-bar .btn-group label {

    color: #67757c;

}

.dt-bootstrap {

    display: block;

}

.paging_simple_numbers .pagination .paginate_button {

    padding: 0;

    background: #fff;

}

.paging_simple_numbers .pagination .paginate_button:hover {

    background: #fff;

}

.paging_simple_numbers .pagination .paginate_button a {

    padding: 5px 10px;

    border-radius: 4px;

    border: 0;

}

.paging_simple_numbers .pagination .paginate_button.active a, .paging_simple_numbers .pagination .paginate_button:hover a {

    background: #398bf7;

    color: #fff;

}

.footable .pagination {

    display: inline-block;

    padding: 8px 0;

}

.footable .pagination li {

    padding: 0;

    margin: 0 1px;

    display: inline-block;

}

.footable .pagination li a {

    padding: 5px 10px;

}

.footable .pagination li a.active, .footable .pagination li a:hover {

    background: #398bf7;

    color: #fff;

    border-radius: 4px;

}

.footable .pagination li.active a {

    color: #fff;

    border-radius: 4px;

}

.label-default {

    background-color: #f1f1f1;

    color: #455a64;

    border: 1px solid #ddd;

}

/*direct-chat*/

.direct-chat .box-body {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

    position: relative;

    overflow: hidden;

    padding: 0;

}

.direct-chat.chat-pane-open .direct-chat-contacts {

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);

}

.direct-chat-messages {

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);

    padding: 10px;

    height: 250px;

    overflow: auto;

}

.direct-chat-msg, .direct-chat-text {

    display: block;

}

.direct-chat-msg {

    margin-bottom: 10px;

}

.direct-chat-msg:after, .direct-chat-msg:before {

    content: " ";

    display: table;

}

.direct-chat-contacts, .direct-chat-messages {

    -webkit-transition: -webkit-transform .5s ease-in-out;

    -moz-transition: -moz-transform .5s ease-in-out;

    -o-transition: -o-transform .5s ease-in-out;

    transition: transform .5s ease-in-out;

}

.direct-chat-text {

    border-radius: 0;

    position: relative;

    padding: 5px 10px;

    background: #fff;

    border: 1px solid #ebebeb;

    margin: 5px 0 0 50px;

    color: #67757c;

}

.direct-chat-text:after, .direct-chat-text:before {

    position: absolute;

    right: 100%;

    top: 15px;

    border: solid transparent;

    border-right-color: #455a64;

    content: ' ';

    height: 0;

    width: 0;

    pointer-events: none;

}

.direct-chat-text:after {

    border-width: 5px;

    margin-top: -5px;

}

.direct-chat-text:before {

    border-width: 6px;

    margin-top: -6px;

}

.right .direct-chat-text {

    margin-right: 50px;

    margin-left: 0;

}

.right .direct-chat-text:after, .right .direct-chat-text:before {

    right: auto;

    left: 100%;

    border-right-color: transparent;

    border-left-color: #7c277d;

}

.direct-chat-img {

    float: left;

    width: 40px;

    height: 40px;

}

.right .direct-chat-img {

    float: right;

}

.direct-chat-info {

    display: block;

    margin-bottom: 2px;

}

.direct-chat-timestamp {

    color: #67757c;

}

.direct-chat-contacts-open .direct-chat-contacts {

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);

}

.direct-chat-contacts {

    -webkit-transform: translate(101%, 0);

    -ms-transform: translate(101%, 0);

    -o-transform: translate(101%, 0);

    transform: translate(101%, 0);

    position: absolute;

    top: 0;

    bottom: 0;

    height: 250px;

    width: 100%;

    background: #222d32;

    color: #fff;

    overflow: auto;

}

.contacts-list>li {

    border-bottom: 1px solid rgba(0, 0, 0, .2);

    padding: 10px;

    margin: 0;

}

.contacts-list>li:after, .contacts-list>li:before {

    content: " ";

    display: table;

}

.contacts-list-name, .contacts-list-status, .users-list-date, .users-list-name {

    display: block;

}

.contacts-list>li:last-of-type {

    border-bottom: none;

}

.contacts-list-img {

    border-radius: 50%;

    width: 40px;

    float: left;

}

.contacts-list-info {

    margin-left: 45px;

    color: #fff;

}

.contacts-list-status {

    font-size: 12px;

}

.contacts-list-date {

    color: #aaa;

    font-weight: 500;

}

.contacts-list-email {

    color: #67757c;

}

.direct-chat-danger .right>.direct-chat-text {

    background: #fc4b6c;

    border-color: #fc4b6c;

    color: #fff;

}

.direct-chat-danger .right>.direct-chat-text:after, .direct-chat-danger .right>.direct-chat-text:before {

    border-left-color: #fc4b6c;

}

.direct-chat-primary .right>.direct-chat-text {

    background: #398bf7;

    border-color: #398bf7;

    color: #fff;

}

.direct-chat-primary .right>.direct-chat-text:after, .direct-chat-primary .right>.direct-chat-text:before {

    border-left-color: #398bf7;

}

.direct-chat-warning .right>.direct-chat-text {

    background: #ffb22b;

    border-color: #ffb22b;

    color: #fff;

}

.direct-chat-warning .right>.direct-chat-text:after, .direct-chat-warning .right>.direct-chat-text:before {

    border-left-color: #ffb22b;

}

.direct-chat-info .right>.direct-chat-text {

    background: #398bf7;

    border-color: #398bf7;

    color: #fff;

}

.direct-chat-info .right>.direct-chat-text:after, .direct-chat-info .right>.direct-chat-text:before {

    border-left-color: #398bf7;

}

.direct-chat-success .right>.direct-chat-text {

    background: #26c6da;

    border-color: #26c6da;

    color: #fff;

}

.direct-chat-success .right>.direct-chat-text:after, .direct-chat-success .right>.direct-chat-text:before {

    border-left-color: #26c6da;

}

.users-list>li {

    width: 25%;

    float: left;

    padding: 10px;

    text-align: center;

}

.users-list>li img {

    border-radius: 10px;

    max-width: 100%;

    height: auto;

}

.users-list>li>a:hover, .users-list>li>a:hover .users-list-name {

    color: #67757c;

}

.users-list-name {

    font-weight: 600;

    color: #455a64;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.users-list-date {

    color: #67757c;

    font-size: 12px;

}

.carousel-control.left, .carousel-control.right {

    background-image: none;

}

.carousel-control>.fa {

    font-size: 40px;

    position: absolute;

    top: 50%;

    z-index: 5;

    display: inline-block;

    margin-top: -20px;

}

.widget-user .widget-user-username, .widget-user-2 .widget-user-username, .widget-user-3 .widget-user-username, .widget-user-4 .widget-user-username {

    margin-bottom: 5px;

    font-size: 25px;

    font-weight: 500;

}

/*modal*/

.modal {

    background: rgba(0, 0, 0, .4);

}



.blur-yy{

    -webkit-filter: blur(1px);

    -moz-filter: blur(1px);

    -o-filter: blur(1px);

    -ms-filter: blur(1px);

    filter: blur(1px);

}



.modal-content {

    border-radius: 4px;

    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .125);

    box-shadow: 0 2px 3px rgba(0, 0, 0, .125);

    border: 0;

    margin-top: 45%;

}

@media (min-width:768px) {

    .modal-content {

    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .125);

    box-shadow: 0 2px 3px rgba(0, 0, 0, .125);

}

}.modal-header {

    border-bottom-color: #f4f4f4;

}

.modal-footer {

    border-top-color: #f4f4f4;

	display: inline-block;

    padding: 15px 20px!important;

}

.modal-primary .modal-footer, .modal-primary .modal-header {

    border-color: #398bf7;

}

.modal-warning .modal-footer, .modal-warning .modal-header {

    border-color: #ffb22b;

}

.modal-info .modal-footer, .modal-info .modal-header {

    border-color: #398bf7;

}

.modal-success .modal-footer, .modal-success .modal-header {

    border-color: #26c6da;

}

.modal-danger .modal-footer, .modal-danger .modal-header {

    border-color: #fc4b6c;

}

/*widget*/

.box-widget {

    border: none;

    position: relative;

}

.widget-user .widget-user-header {

    padding: 20px;

    height: 140px;

    border-top-right-radius: 3px;

    border-top-left-radius: 3px;

}

.widget-user .widget-user-username {

    margin-top: 0;

    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);

}

.widget-user .widget-user-desc {

    margin-top: 0;

}

.widget-user .widget-user-image {

    position: absolute;

    top: 85px;

    left: 50%;

    margin-left: -45px;

}

.widget-user .widget-user-image>img {

    width: 90px;

    height: auto;

    border: 3px solid #fff;

}

.widget-user-2 .widget-user-header, .widget-user-3 .widget-user-header {

    border-top-right-radius: 3px;

    border-top-left-radius: 3px;

    padding: 20px;

}

.widget-user .box-footer {

    padding-top: 30px;

}

.widget-user-2 .widget-user-username {

    margin-top: 5px;

}

.widget-user-2 .widget-user-desc {

    margin-top: 0;

}

.widget-user-2 .widget-user-desc, .widget-user-2 .widget-user-username {

    margin-left: 75px;

}

.widget-user-2 .widget-user-image>img {

    width: 65px;

    height: auto;

    float: left;

}

.widget-user-3 .widget-user-username {

    margin-top: 5px;

    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);

}

.widget-user-3 .widget-user-desc {

    margin-top: 0;

}

.widget-user-3 .info-user {

    float: left;

    margin-top: 15px;

}

.widget-user-3 .widget-user-image>img {

    width: 100px;

    height: auto;

    float: right;

    border: 3px solid #fff;

}

.mailbox-controls.with-border, .mailbox-read-info {

    border-bottom: 1px solid #f4f4f4;

}

.widget-user-4 .widget-user-header {

    text-align: center;

    border-top-right-radius: 3px;

    border-top-left-radius: 3px;

}

.widget-user-4 .widget-user-username {

    margin-top: 0;

    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);

}

.widget-user-4 .widget-user-desc {

    margin-top: 0;

    margin-bottom: 0;

}

.widget-user-4 .widget-user-image {

    text-align: center;

    margin-bottom: 15px;

}

.widget-user-4 .widget-user-image>img {

    width: 100px;

    height: auto;

}

.box.widget-user-4 .overlay {

    z-index: 50;

    border-radius: 0;

    padding: 20px;

}

.box.widget-user-4 .overlay.overlay-none {

    background: rgba(0, 0, 0, 0);

}

.widget-user-4 .box-footer {

    padding-top: 30px;

}

/*treevie*/

.treeview-menu {

    display: none;

    list-style: none;

    padding: 0;

    margin: 0;

    margin: 5px 0 10px !important;

}



.error-page>.error-content, .login-box .fog-pwd, .mailbox-attachment-icon, .mailbox-attachment-info, .mailbox-attachment-size {

    display: block;

}



.treeview-menu .treeview-menu {

    padding-left: 20px;

}



.treeview-menu>li {

    margin: 0;

}



.treeview-menu>li>a {

    padding: 8px 5px 0px 54px;

    display: block;

    font-size: 14px;

    color: #999 !important;

}



.treeview-menu>li>a:hover i {

    color: #000;

}



.treeview-menu li a i {

    color: #999 !important;

}



.treeview-menu li a i:hover {

    color: #000;

}



.sidebar-collapse .treeview-menu>li>a {

    padding: 10px 5px 10px 30px;

}

.treeview-menu>li>a>.fa, .treeview-menu>li>a>.glyphicon, .treeview-menu>li>a>.ion {

    width: 20px;

	padding-right: 30px;

}

.treeview-menu>li>a>.fa-angle-down, .treeview-menu>li>a>.fa-angle-left, .treeview-menu>li>a>.pull-right-container>.fa-angle-down, .treeview-menu>li>a>.pull-right-container>.fa-angle-left {

    width: auto;

}

/*mailbox*/

.mailbox-messages>.table {

    margin: 0;

}

.mailbox-messages .mailbox-date {

    font-size: 12px;

    color: #67757c;

}



.mailbox-messages table a {

    color: #67757c;

}

.mailbox-controls {

    padding: 15px 5px;

}

.mailbox-controls .btn {

    padding: 10px 15px;

    -webkit-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, .14), 0 3px 1px -2px rgba(169, 169, 169, .2), 0 1px 5px 0 rgba(169, 169, 169, .12);

    box-shadow: 0 2px 2px 0 rgba(169, 169, 169, .14), 0 3px 1px -2px rgba(169, 169, 169, .2), 0 1px 5px 0 rgba(169, 169, 169, .12);

}

.btn-shadow, .lockscreen-box-body {

    -webkit-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, .14), 0 3px 1px -2px rgba(169, 169, 169, .2), 0 1px 5px 0 rgba(169, 169, 169, .12);

}

.btn-shadow {

    box-shadow: 0 2px 2px 0 rgba(169, 169, 169, .14), 0 3px 1px -2px rgba(169, 169, 169, .2), 0 1px 5px 0 rgba(169, 169, 169, .12);

}

.btn-shadow:hover {

    -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(169, 169, 169, .2);

    box-shadow: 0 14px 26px -12px rgba(169, 169, 169, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(169, 169, 169, .2);

}

.mailbox-controls .btn i {

    font-size: 16px;

}

.mailbox-read-info {

    padding: 10px;

}

.mailbox-read-info h3 {

    font-size: 20px;

    margin: 0;

}

.mailbox-read-info h5 {

    margin: 0;

    padding: 5px 0 0;

}

.mailbox-read-time {

    color: #67757c;

    font-size: 13px;

}

.mailbox-read-message {

    padding: 10px;

}

.mailbox-attachments li {

    float: left;

    width: 140px;

    border: 1px solid #eee;

    margin-bottom: 10px;

    margin-right: 10px;

}

.mailbox-attachment-name {

    font-weight: 500;

    color: #67757c;

    font-size: 10px;

}

.mailbox-attachment-info {

    padding: 10px;

    background: #f4f4f4;

}

.mailbox-attachment-size {

    color: #67757c;

    font-size: 12px;

}

.mailbox-attachment-icon {

    text-align: center;

    font-size: 36px;

    color: #67757c;

    padding: 20px 10px;

}

.mailbox-attachment-icon.has-img {

    padding: 0;

}

.mailbox-attachment-icon.has-img>img {

    max-width: 100%;

    height: auto;

}

/*lockscreen*/

.lockscreen {

    background: url(../../images//login-register.jpg) center center no-repeat #d2d6de;

    background-size: cover;

    height: 100%;

    width: 100%;

    position: fixed;

}

.lockscreen-logo {

    font-size: 35px;

    text-align: center;

    margin-bottom: 25px;

    font-weight: 500;

}

.lockscreen-logo a {

    color: #fff;

}

.lockscreen-wrapper {

    width: 360px;

    margin: 7% auto;

}

.lockscreen .lockscreen-name {

    text-align: center;

    font-weight: 600;

}

.lockscreen-image {

    border-radius: 50%;

    text-align: center;

}

.lockscreen-image>img {

    border-radius: 50%;

    width: 120px;

    height: 120px;

}

.lockscreen-credentials .form-control-feedback {

    line-height: 35px;

}

.lockscreen-credentials .form-control {

    border: 0;

}

.lockscreen-footer {

    margin-top: 10px;

}

.lockscreen-box-body {

    background: rgba(255, 255, 255, .9);

    padding: 20px;

    border-top: 0;

    color: #67757c;

    border-radius: 5px;

    box-shadow: 0 2px 2px 0 rgba(169, 169, 169, .14), 0 3px 1px -2px rgba(169, 169, 169, .2), 0 1px 5px 0 rgba(169, 169, 169, .12);

}

/*login-box*/

.login-box-body, .profile-user-img, .register-box-body {

    box-shadow: 0 .7rem 2rem rgba(0,0,0,.09)!important;

}

.login-logo, .register-logo {

    font-size: 35px;

    text-align: center;

    margin-bottom: 25px;

    font-weight: 500;

}

.login-logo a, .register-logo a {

    color: #fff;

    text-shadow: 0 0 20px #999;

}

.login-page, .register-page {

    background-size: cover;

    height: 100%;

    width: 100%;

    position: fixed;

}

.auth-box {

    background-size: cover;

    height: 100%;

    width: 100%;

    position: fixed;

    background: #f7f9fc

}

.login-box {

    width: 370px;

    margin: 8% auto;

}

.register-box {

    width: 460px;

    margin: 9% auto;

}

.login-box .fog-pwd {

    position: relative;

    margin-bottom: 10px;

}

.login-box .fog-pwd i {

    position: relative;

    padding-right: 15px;

}



input.form-control.log:hover, input.form-control.log:focus {

    border: 1px solid #007bff;

}



.has-feedback {

    position: relative;

}

.has-feedback input.form-control {

    height: 50px;

    border: 1px solid #f2f2f2;

}

.register-page .form-control-feedback, .login-page .form-control-feedback, .lockscreen .form-control-feedback  {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 2;

    display: block;

    width: 34px;

    height: 34px;

    line-height: 34px;

    text-align: center;

    pointer-events: none;

}

.mt-25{

    margin-top: 25px !important;

}

a.pull-right.forgot_pass:hover {

    color: #333;

    text-decoration: underline;

}

a.pull-right.forgot_pass {

    color: #181818;

}

a.create {

    color: #181818;

}

a.create:hover {

    color: #333;

    text-decoration: underline;

}

a.pull-right.back_login {

    color: #181818;

}

a.pull-right.back_login:hover {

    color: #333;

    text-decoration: underline;

}

/*lable floting*/



.has-warning .bar:before,

.has-warning .bar:after {

  background: #ffb22b; }



.has-success .bar:before,

.has-success .bar:after {

  background: #26c6da; }



.has-error .bar:before,

.has-error .bar:after {

  background: #fc4b6c; }



.has-warning .form-control:focus ~ label,

.has-warning .form-control:valid ~ label {

  color: #ffb22b; }



.has-success .form-control:focus ~ label,

.has-success .form-control:valid ~ label {

  color: #26c6da; }



.has-error .form-control:focus ~ label,

.has-error .form-control:valid ~ label {

  color: #fc4b6c; }



.has-feedback label ~ .t-0 {

  top: 0; }



.form-group.error input, .form-group.error select, .form-group.error textarea {

  border: 1px solid #fc4b6c; }



.validate .form-control{

    border: 1px solid #fc4b6c !important;

}

.form-group.validate input, .form-group.validate select, .form-group.validate textarea {

  border: 1px solid #ddd !important; }



.form-group.error .help-block ul {

  padding: 0px;

  color: #fc4b6c; }

  .form-group.error .help-block ul li {

    list-style: none; }



.form-group.issue .help-block ul {

  padding: 0px;

  color: #ffb22b; }

  .form-group.issue .help-block ul li {

    list-style: none; }





@media (max-width:768px) {



    ul.nav.nav-pills.text-center.m-auto li.nav-item {

        width: 100% !important;

        background: rgba(40,110,251,.1);

        color: #286efb;

        margin-right: 10px;

    }



    ul.nav.nav-pills.text-center.m-auto {

        width: 90%;

        margin-bottom: 50px !important;

    }



    .lockscreen-wrapper, .login-box, .register-box {

        width: 90%;

        margin-top: 20px;

    }

    .lockscreen, .login-page, .register-page {

        position: relative;

        background-size: inherit;

    }

    }



    .login-box-body, .register-box-body {

        background: rgba(255, 255, 255, .9);

        padding: 35px 45px 1px;

        border-top: 0;

        border-radius: 4px;

    }

    .login-box-body .form-control-feedback, .register-box-body .form-control-feedback {

        color: #67757c;

        line-height: 35px;

    }

    .login-box-msg, .register-box-msg {

        margin: 0;

        text-align: center;

        font-weight: bold;

        font-size: 25px;

        margin-bottom: 20px;

    }

    .social-auth-links {

        margin: 10px 0;

    }

    .error-body {

        width: 100%;

        height: 100%;

        margin: 20px auto 0;

        text-align: center;

        position: fixed;

        background: url(../../images//error-bg.jpg) center center no-repeat #fff;

    }

    .error-body.pace-inactive {

        background: #f3f5f7;

    	margin-top: 0;

    	padding-top: 100px;

    }

    .error-page .search-form {

        width: 280px;

        margin: 0 auto;

    }

    .error-page .main-footer {

        margin-left: 0;

        bottom: 0;

        left: 0;

        position: absolute;

        right: 0;

        padding: 15px 30px 30px;

    }

    .error-page .headline {

        font-size: 180px;

        font-weight: 900;

    	line-height: initial;

    }

@media (max-width:991px) {

    .error-page {

    width: 100%}

.error-page>.headline {

    float: none;

    text-align: center;

}

}.error-content .btn {

    width: auto;

    margin: 0 auto;

    display: inline-block;

}

@media (max-width:767px) {

    .error-page .headline {

    font-size: 72px;

    font-weight: 900;

}

}.error-page>.error-content>h3 {

    font-weight: 500;

    font-size: 25px;

}

@media (max-width:991px) {

    .error-page .error-content {

    margin-left: 0;

}

.error-page>.error-content>h3 {

    text-align: center;

}

}.invoice {

    position: relative;

    background: #fff;

    border: 1px solid #f4f4f4;

    padding: 20px;

    margin: 10px 25px 0px;

}

.btn-adn.active, .btn-adn:active, .btn-bitbucket.active, .btn-bitbucket:active, .btn-dropbox.active, .btn-dropbox:active, .btn-facebook.active, .btn-facebook:active, .btn-flickr.active, .btn-flickr:active, .btn-foursquare.active, .btn-foursquare:active, .btn-github.active, .btn-github:active, .btn-google.active, .btn-google:active, .btn-instagram.active, .btn-instagram:active, .btn-microsoft.active, .btn-microsoft:active, .btn-openid.active, .btn-openid:active, .btn-pinterest.active, .btn-pinterest:active, .btn-reddit.active, .btn-reddit:active, .btn-soundcloud.active, .btn-soundcloud:active, .btn-tumblr.active, .btn-tumblr:active, .btn-twitter.active, .btn-twitter:active, .btn-vimeo.active, .btn-vimeo:active, .btn-vk.active, .btn-vk:active, .btn-yahoo.active, .btn-yahoo:active, .show>.dropdown-toggle.btn-adn, show>.dropdown-toggle.btn-bitbucket, .show>.dropdown-toggle.btn-dropbox, .show>.dropdown-toggle.btn-facebook, .show>.dropdown-toggle.btn-flickr, .show>.dropdown-toggle.btn-foursquare, .show>.dropdown-toggle.btn-github, .show>.dropdown-toggle.btn-google, .show>.dropdown-toggle.btn-instagram, .show>.dropdown-toggle.btn-microsoft, .show>.dropdown-toggle.btn-openid, .show>.dropdown-toggle.btn-pinterest, .show>.dropdown-toggle.btn-reddit, .show>.dropdown-toggle.btn-soundcloud, .show>.dropdown-toggle.btn-tumblr, .show>.dropdown-toggle.btn-twitter, .show>.dropdown-toggle.btn-vimeo, .show>.dropdown-toggle.btn-vk, .show>.dropdown-toggle.btn-yahoo {

    background-image: none;

}

.invoice-details, .total-payment h3 {

    padding-top: 15px;

    padding-bottom: 15px;

}

.invoice-title {

    margin-top: 0;

}

.invoice-details {

    background-color: #f2f6f8;

    margin-bottom: 15px;

    border: 1px solid #ccc;

}



.invoice-layout {

    background: #f1f1f1;

    padding: 10px;

    border-radius: 10px;

}



.invoice-layout.active {

    background: #cce5ff !important;

    padding: 10px;

    border-radius: 10px;

}



.invoice-img{

    cursor: pointer;

    position:relative;

    display: inline-block;

}



.invoice-img img {

    min-height: 160px;

}



.invoice-img:hover .iconv {

    position: absolute;

    display: block;

    top: 50%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

}



.invoice-img:hover img{opacity: 0.4;}



.iconv {

    padding-top: 7px;   

    padding-right: 7px;

    position: absolute;

    right: 0;

    top: 0;

    display: none;

}



.iconv a {

    color: #444;

    font-size: 25px;

    background: #ddd;

    padding: 10px 15px;

    border-radius: 50px;

    box-shadow: 0 0px 2px #ddd;

}



.colors-trigger {

    height: 35px;

    width: 35px;

    vertical-align: middle;

    margin: 15px -14px;

    display: inline-block;

    outline: none;

    border-radius: 50px;

    border: 2px solid #fff;

}



.total-payment h3 {

    border-top: 1px solid #ccc;

    display: inline-block;

    margin-top: 0;

}

.profile-user-img {

    margin: 15px auto;

    width: 180px;

    box-shadow: 0 2px 2px 0 rgba(169, 169, 169, .14), 0 3px 1px -2px rgba(169, 169, 169, .2), 0 1px 5px 0 rgba(169, 169, 169, .12);

}

.profile-user-info {

    padding: 30px 15px;

    border-top: 1px solid #ccc;

    margin-top: 30px;

}

.profile-user-info p {

    color: #67757c;

    font-size: small;

}

.profile-user-info h5 {

    color: #67757c;

    margin-bottom: 25px;

}

.profile-user-info .map-box {

    margin-top: 40px;

    margin-bottom: 40px;

}

.profile-user-info .user-social-acount .btn {

    -webkit-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, .14), 0 3px 1px -2px rgba(169, 169, 169, .2), 0 1px 5px 0 rgba(169, 169, 169, .12);

    box-shadow: 0 2px 2px 0 rgba(169, 169, 169, .14), 0 3px 1px -2px rgba(169, 169, 169, .2), 0 1px 5px 0 rgba(169, 169, 169, .12);

}

.btn-default.green-btn.active, .dot-outline {

    box-shadow: none;

}

.profile-username {

    font-size: 21px;

    margin-top: 5px;

}

.activitytimeline {

    position: relative;

    margin-left: 50px;

    margin-right: 10px;

}

.box-profile .social-states {

    font-size: 16px;

}

.box-profile .social-states a {

    color: #455a64;

}

.box-profile .social-states a:hover {

    color: #398bf7;

}

.post {

    border-bottom: 1px solid #d2d6de;

    margin-bottom: 15px;

    padding-bottom: 15px;

    color: #67757c;

}

.post:last-of-type {

    border-bottom: 0;

    margin-bottom: 0;

    padding-bottom: 0;

}

.post .user-block {

    margin-bottom: 15px;

}

/*btn-social*/

.btn-social {

    position: relative;

    padding-left: 44px;

    text-align: left;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.demo-social .btn-social {

    display: inline-block;

    width: auto;

    min-width: 250px;

    margin-bottom: 5px;

}

.demo-social .btn-social-icon {

    border: none;

}

.demo-social .btn-block+.btn-block {

    margin-top: 0;

}

.btn-social>:first-child {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 32px;

    line-height: 34px;

    font-size: 1.6em;

    text-align: center;

    border-right: 1px solid rgba(0, 0, 0, .2);

}

.btn-social.btn-lg {

    padding-left: 61px;

}

.btn-social.btn-lg>:first-child {

    line-height: 45px;

    width: 45px;

    font-size: 1.8em;

}

.btn-social.btn-sm {

    padding-left: 38px;

}

.btn-social.btn-sm>:first-child {

    line-height: 28px;

    width: 28px;

    font-size: 1.4em;

}

.btn-social.btn-xs {

    padding-left: 30px;

}

.btn-social.btn-xs>:first-child {

    line-height: 20px;

    width: 20px;

    font-size: 1.2em;

}

.btn-social-icon {

    position: relative;

    text-align: left;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    height: 40px;

    width: 40px;

    padding: 0;

}

.btn-social-icon>:first-child {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    line-height: 40px;

    font-size: 1.6em;

}

.btn-social-icon.btn-lg>:first-child {

    line-height: 45px;

    width: 45px;

    font-size: 1.8em;

}

.btn-social-icon.btn-sm>:first-child {

    line-height: 28px;

    width: 28px;

    font-size: 1.4em;

}

.btn-social-icon.btn-xs>:first-child {

    line-height: 20px;

    width: 20px;

    font-size: 1.2em;

}

.btn-social-icon>:first-child {

    border: none;

    text-align: center;

    width: 100%}

.btn-social-icon.btn-lg {

    height: 45px;

    width: 45px;

    padding-left: 0;

    padding-right: 0;

}

.btn-social-icon.btn-sm {

    height: 30px;

    width: 30px;

    padding-left: 0;

    padding-right: 0;

}

.btn-social-icon.btn-xs {

    height: 22px;

    width: 22px;

    padding-left: 0;

    padding-right: 0;

}

.box .datepicker-inline, .box .datepicker-inline .datepicker-days, .box .datepicker-inline .datepicker-days>table, .box .datepicker-inline>table, .fc-grid {

    width: 100%}

.fc-day-number, .fc-header-right {

    padding-right: 10px;

}

.btn-default.green-btn {

    background-color: #26c6da;

}

.btn-default.red-btn {

    background-color: #f52e41;

}

.btn-adn {

    color: #fff;

    background-color: #d87a68;

    border-color: rgba(0, 0, 0, .2);

}

.btn-adn.active, .btn-adn.focus, .btn-adn:active, .btn-adn:focus, .btn-adn:hover, .show>.dropdown-toggle.btn-adn {

    color: #fff;

    background-color: #ce563f;

    border-color: rgba(0, 0, 0, .2);

}

.btn-adn .badge {

    color: #d87a68;

    background-color: #fff;

}

.btn-bitbucket {

    color: #fff;

    background-color: #205081;

    border-color: rgba(0, 0, 0, .2);

}

.btn-bitbucket.active, .btn-bitbucket.focus, .btn-bitbucket:active, .btn-bitbucket:focus, .btn-bitbucket:hover, .show>.dropdown-toggle.btn-bitbucket {

    color: #fff;

    background-color: #163758;

    border-color: rgba(0, 0, 0, .2);

}

.btn-bitbucket .badge {

    color: #205081;

    background-color: #fff;

}

.btn-dropbox {

    color: #fff;

    background-color: #007ee5;

    border-color: rgba(0, 0, 0, .2);

}

.btn-dropbox.active, .btn-dropbox.focus, .btn-dropbox:active, .btn-dropbox:focus, .btn-dropbox:hover, .show>.dropdown-toggle.btn-dropbox {

    color: #fff;

    background-color: #0d6aad;

    border-color: rgba(0, 0, 0, .2);

}

.btn-dropbox .badge {

    color: #1087dd;

    background-color: #fff;

}

.btn-facebook {

    color: #fff;

    background-color: #3b5998;

    border-color: rgba(0, 0, 0, .2);

}

.btn-facebook.active, .btn-facebook.focus, .btn-facebook:active, .btn-facebook:focus, .btn-facebook:hover, .show>.dropdown-toggle.btn-facebook {

    color: #fff;

    background-color: #2d4373;

    border-color: rgba(0, 0, 0, .2);

}

.btn-facebook .badge {

    color: #3b5998;

    background-color: #fff;

}

.btn-flickr {

    color: #fff;

    background-color: #ff0084;

    border-color: rgba(0, 0, 0, .2);

}

.btn-flickr.active, .btn-flickr.focus, .btn-flickr:active, .btn-flickr:focus, .btn-flickr:hover, .show>.dropdown-toggle.btn-flickr {

    color: #fff;

    background-color: #cc006a;

    border-color: rgba(0, 0, 0, .2);

}

.btn-flickr .badge {

    color: #ff0084;

    background-color: #fff;

}

.btn-foursquare {

    color: #fff;

    background-color: #f94877;

    border-color: rgba(0, 0, 0, .2);

}

.btn-foursquare.active, .btn-foursquare.focus, .btn-foursquare:active, .btn-foursquare:focus, .btn-foursquare:hover, .show>.dropdown-toggle.btn-foursquare {

    color: #fff;

    background-color: #f71752;

    border-color: rgba(0, 0, 0, .2);

}

.btn-foursquare .badge {

    color: #f94877;

    background-color: #fff;

}

.btn-github {

    color: #fff;

    background-color: #455a64;

    border-color: rgba(0, 0, 0, .2);

}

.btn-github.active, .btn-github.focus, .btn-github:active, .btn-github:focus, .btn-github:hover, .show>.dropdown-toggle.btn-github {

    color: #fff;

    background-color: #2b2b2b;

    border-color: rgba(0, 0, 0, .2);

}

.btn-github .badge {

    color: #455a64;

    background-color: #fff;

}

.btn-google {

    color: #fff;

    background-color: #dd4b39;

    border-color: rgba(0, 0, 0, .2);

}

.btn-google.active, .btn-google.focus, .btn-google:active, .btn-google:focus, .btn-google:hover, .show>.dropdown-toggle.btn-google {

    color: #fff;

    background-color: #c23321;

    border-color: rgba(0, 0, 0, .2);

}

.btn-google .badge {

    color: #fc4b6c;

    background-color: #fff;

}

.btn-instagram {

    color: #fff;

    background-color: #e1306c;

    border-color: rgba(0, 0, 0, .2);

}

.btn-instagram.active, .btn-instagram.focus, .btn-instagram:active, .btn-instagram:focus, .btn-instagram:hover, .show>.dropdown-toggle.btn-instagram {

    color: #fff;

    background-color: #c13584;

    border-color: rgba(0, 0, 0, .2);

}

.btn-instagram .badge {

    color: #3f729b;

    background-color: #fff;

}

.btn-linkedin {

    color: #fff;

    background-color: #007bb6;

    border-color: rgba(0, 0, 0, .2);

}

.btn-linkedin.active, .btn-linkedin.focus, .btn-linkedin:active, .btn-linkedin:focus, .btn-linkedin:hover, .show>.dropdown-toggle.btn-linkedin {

    color: #fff;

    background-color: #005983;

    border-color: rgba(0, 0, 0, .2);

}

.btn-linkedin.active, .btn-linkedin:active, .show>.dropdown-toggle.btn-linkedin {

    background-image: none;

}

.btn-linkedin .badge {

    color: #007bb6;

    background-color: #fff;

}

.btn-microsoft {

    color: #fff;

    background-color: #2672ec;

    border-color: rgba(0, 0, 0, .2);

}

.btn-microsoft.active, .btn-microsoft.focus, .btn-microsoft:active, .btn-microsoft:focus, .btn-microsoft:hover, .show>.dropdown-toggle.btn-microsoft {

    color: #fff;

    background-color: #125acd;

    border-color: rgba(0, 0, 0, .2);

}

.btn-microsoft .badge {

    color: #2672ec;

    background-color: #fff;

}

.btn-openid {

    color: #fff;

    background-color: #f7931e;

    border-color: rgba(0, 0, 0, .2);

}

.btn-openid.active, .btn-openid.focus, .btn-openid:active, .btn-openid:focus, .btn-openid:hover, .show>.dropdown-toggle.btn-openid {

    color: #fff;

    background-color: #da7908;

    border-color: rgba(0, 0, 0, .2);

}

.btn-openid .badge {

    color: #f7931e;

    background-color: #fff;

}

.btn-pinterest {

    color: #fff;

    background-color: #cb2027;

    border-color: rgba(0, 0, 0, .2);

}

.btn-pinterest.active, .btn-pinterest.focus, .btn-pinterest:active, .btn-pinterest:focus, .btn-pinterest:hover, .show>.dropdown-toggle.btn-pinterest {

    color: #fff;

    background-color: #9f191f;

    border-color: rgba(0, 0, 0, .2);

}

.btn-pinterest .badge {

    color: #cb2027;

    background-color: #fff;

}

.btn-reddit {

    color: #000;

    background-color: #eff7ff;

    border-color: rgba(0, 0, 0, .2);

}

.btn-reddit.active, .btn-reddit.focus, .btn-reddit:active, .btn-reddit:focus, .btn-reddit:hover, .show>.dropdown-toggle.btn-reddit {

    color: #000;

    background-color: #bcddff;

    border-color: rgba(0, 0, 0, .2);

}

.btn-reddit .badge {

    color: #eff7ff;

    background-color: #000;

}

.btn-soundcloud {

    color: #fff;

    background-color: #f50;

    border-color: rgba(0, 0, 0, .2);

}

.btn-soundcloud.active, .btn-soundcloud.focus, .btn-soundcloud:active, .btn-soundcloud:focus, .btn-soundcloud:hover, .show>.dropdown-toggle.btn-soundcloud {

    color: #fff;

    background-color: #c40;

    border-color: rgba(0, 0, 0, .2);

}

.btn-soundcloud .badge {

    color: #f50;

    background-color: #fff;

}

.btn-tumblr {

    color: #fff;

    background-color: #2c4762;

    border-color: rgba(0, 0, 0, .2);

}

.btn-tumblr.active, .btn-tumblr.focus, .btn-tumblr:active, .btn-tumblr:focus, .btn-tumblr:hover, .show>.dropdown-toggle.btn-tumblr {

    color: #fff;

    background-color: #1c2d3f;

    border-color: rgba(0, 0, 0, .2);

}

.btn-tumblr .badge {

    color: #2c4762;

    background-color: #fff;

}

.btn-twitter {

    color: #fff;

    background-color: #55acee;

    border-color: rgba(0, 0, 0, .2);

}

.btn-twitter.active, .btn-twitter.focus, .btn-twitter:active, .btn-twitter:focus, .btn-twitter:hover, .show>.dropdown-toggle.btn-twitter {

    color: #fff;

    background-color: #2795e9;

    border-color: rgba(0, 0, 0, .2);

}

.btn-twitter .badge {

    color: #55acee;

    background-color: #fff;

}

.btn-vimeo {

    color: #fff;

    background-color: #1ab7ea;

    border-color: rgba(0, 0, 0, .2);

}

.btn-vimeo.active, .btn-vimeo.focus, .btn-vimeo:active, .btn-vimeo:focus, .btn-vimeo:hover, .show>.dropdown-toggle.btn-vimeo {

    color: #fff;

    background-color: #1295bf;

    border-color: rgba(0, 0, 0, .2);

}

.btn-vimeo .badge {

    color: #1ab7ea;

    background-color: #fff;

}

.btn-vk {

    color: #fff;

    background-color: #587ea3;

    border-color: rgba(0, 0, 0, .2);

}

.btn-vk.active, .btn-vk.focus, .btn-vk:active, .btn-vk:focus, .btn-vk:hover, .show>.dropdown-toggle.btn-vk {

    color: #fff;

    background-color: #466482;

    border-color: rgba(0, 0, 0, .2);

}

.btn-vk .badge {

    color: #587ea3;

    background-color: #fff;

}

.btn-yahoo {

    color: #fff;

    background-color: #720e9e;

    border-color: rgba(0, 0, 0, .2);

}

.btn-yahoo.active, .btn-yahoo.focus, .btn-yahoo:active, .btn-yahoo:focus, .btn-yahoo:hover, .show>.dropdown-toggle.btn-yahoo {

    color: #fff;

    background-color: #500a6f;

    border-color: rgba(0, 0, 0, .2);

}

.btn-yahoo .badge {

    color: #720e9e;

    background-color: #fff;

}

.fc-button.hover, .fc-button:active, .fc-button:hover {



    background-color: #e9e9e9;

}

.fc-header-title h2 {

    font-size: 15px;

    line-height: 1.6em;

    color: #67757c;

    margin-left: 10px;

}

.fc-header-left {

    padding-left: 10px;

}

.fc-widget-header {

    background: #fafafa;

}

.fc-grid {

    border: 0;

}

.fc-widget-content:first-of-type, .fc-widget-header:first-of-type {

    border-left: 0;

    border-right: 0;

}

.fc-widget-content:last-of-type, .fc-widget-header:last-of-type {

    border-right: 0;

}

.fc-day-number {

    font-size: 20px;

    font-weight: 500;

}

.fc-color-picker {

    list-style: none;

    margin: 0;

    padding: 0;

}

.fc-color-picker>li {

    float: left;

    font-size: 30px;

    margin-right: 5px;

    line-height: 30px;

}

.fc-color-picker>li .fa {

    -webkit-transition: -webkit-transform linear .3s;

    -moz-transition: -moz-transform linear .3s;

    -o-transition: -o-transform linear .3s;

    transition: transform linear .3s;

}

.fc-color-picker>li .fa:hover {

    -webkit-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

    -o-transform: rotate(30deg);

    transform: rotate(30deg);

}

.calendar {

    float: left;

    margin-bottom: 0;

}

.none-border .modal-footer {

    border-top: none;

}

.fc-toolbar {

    margin-bottom: 5px;

    margin-top: 15px;

}

.fc-toolbar h2 {

    font-size: 18px;

    font-weight: 500;

    line-height: 30px;

}

.fc-day {

    background: #fff;

}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar .ui-state-hover, .fc-toolbar button:focus, .fc-toolbar button:hover {

    z-index: 0;

}

.fc-widget-header {

    border: 0;

}

.fc-widget-content {

    border-color: rgba(120, 130, 140, .13)!important;

}

.fc th.fc-widget-header {

    color: #67757c;

    font-size: 13px;

    font-weight: 500;

    line-height: 20px;

    padding: 7px 0;

}

.fc th.fc-fri, .fc th.fc-mon, .fc th.fc-sat, .fc th.fc-sun, .fc th.fc-thu, .fc th.fc-tue, .fc th.fc-wed {

    background: #f2f7f8;

}

.fc-view {

    margin-top: 0;

}

.fc-toolbar {

    margin: 0;

    padding: 24px 0;

}

.fc-button {

    background: #fff;

    border: 1px solid rgba(120, 130, 140, .13);

    color: #67757c;

    text-transform: capitalize;

}

.description-block>.description-text, .external-event {

    text-transform: uppercase;

}

.fc-button:hover {

    background: #f2f4f8;

    opacity: .8;

}

.fc-text-arrow {

    font-family: inherit;

    font-size: 16px;

}

.fc-state-hover {

    background: #F5F5F5;

}

.fc-unthemed .fc-today {

    border: 1px solid #fc4b6c;

    background: #f2f4f8!important;

}

.fc-cell-overlay, .fc-state-highlight {

    background: #f0f0f0;

}

.calendar-event, .fc-event {

    background: #398bf7;

    cursor: move;

    text-align: center;

}

.fc-event {

    border-radius: 0;

    border: none;

    color: #fff!important;

    font-size: 13px;

    margin: 1px -1px 0;

    padding: 5px;

}

.calendar-event {

    margin: 10px 5px 0 0;

    padding: 6px 10px;

    display: inline-block;

    color: #fff;

    min-width: 140px;

}

.calendar-event a {

    float: right;

    opacity: .6;

    font-size: 10px;

    margin: 4px 0 0 10px;

    color: #fff;

}

.fc-basic-view td.fc-week-number span {

    padding-right: 5px;

}

.fc-basic-view .fc-day-number {

    padding: 0px 15px;

    display: inline-block;

}

@media (min-width: 1100px) {

.fc-basic-view .fc-day-number {

    padding: 10px 15px;

}

}

#add-new-event {

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

}

.dot-outline {

    border: 1px dotted #ccc;

}

.external-event i {

    margin-right: 5px;

}

.external-event {

    padding: 5px 10px;

    font-weight: 500;

    margin-bottom: 5px;

    cursor: move;

}

.external-event:hover {

    border: 1px solid #398bf7;

    background-color: #f7f7f7;

}

.select2-container--default.select2-container--focus, .select2-container--default:active, .select2-container--default:focus, .select2-selection.select2-container--focus, .select2-selection:active, .select2-selection:focus {

    outline: 0;

}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {

    border: 1px solid #ddd;

    border-radius: 0;

    padding: 11px 12px;

    height: 34px;

}

.select2-container--default.select2-container--open {

    border-color: #398bf7;

}

.select2-dropdown {

    border: 1px solid #d2d6de;

    border-radius: 0;

}

.select2-container--default .select2-results__option--highlighted[aria-selected] {

    background-color: #398bf7;

    color: #fff;

}

.select2-results__option {

    padding: 6px 12px;

    user-select: none;

    -webkit-user-select: none;

}

.select2-container .select2-selection--single .select2-selection__rendered {

    padding-left: 0;

    height: auto;

    margin-top: -4px;

    

}

span.select2-container {

  width: 100%!important;

}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {

    padding-right: 6px;

    padding-left: 20px;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {

    height: 28px;

    right: 3px;

}

.select2-container--default .select2-selection--single .select2-selection__arrow b {

    margin-top: 0;

}

.select2-dropdown .select2-search__field, .select2-search--inline .select2-search__field {

    border: 1px solid #d2d6de;

}

.select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus {

    outline: 0;

}

.select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default.select2-container--focus .select2-selection--multiple {

    border-color: #ddd !important;

}

.select2-container--default .select2-results__option[aria-disabled=true] {

    color: #67757c;

}

.select2-container--default .select2-results__option[aria-selected=true] {

    background-color: #ddd;

}

.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover {

    color: #455a64;

}

.select2-container--default .select2-selection--multiple {

    border: 1px solid #d2d6de;

    border-radius: 0;

}

.select2-container--default .select2-selection--multiple:focus {

    border-color: #398bf7;

}

.select2-container--default.select2-container--focus .select2-selection--multiple {

    border-color: #d2d6de;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice {

    background-color: #398bf7;

    border-color: #367fa9;

    padding: 1px 10px;

    color: #333;

    font-weight: 600;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

    margin-right: 5px;

    color: rgba(255, 255, 255, .7);

}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {

    color: #fff;

}

.select2-container .select2-selection--single .select2-selection__rendered {

    padding-right: 10px;

}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {

    background: rgba(0, 0, 0, .15)!important;

}

.box .datepicker-inline .datepicker-days td:hover, .box .datepicker-inline .datepicker-days>table td:hover, .box .datepicker-inline td:hover, .box .datepicker-inline>table td:hover {

    background-color: rgba(255, 255, 255, .3);

}

.box .datepicker-inline .datepicker-days td.day.new, .box .datepicker-inline .datepicker-days td.day.old, .box .datepicker-inline .datepicker-days>table td.day.new, .box .datepicker-inline .datepicker-days>table td.day.old, .box .datepicker-inline td.day.new, .box .datepicker-inline td.day.old, .box .datepicker-inline>table td.day.new, .box .datepicker-inline>table td.day.old {

    color: #455a64;

}

.pad {

    padding: 10px;

}

.margin {

    margin: 10px;

}

.margin-bottom {

    margin-bottom: 20px;

}

.margin-bottom-none {

    margin-bottom: 0;

}

.margin-r-5 {

    margin-right: 5px;

}

.inline {

    display: inline;

}

.res-tb-block {

    display: block;

    overflow: auto;

}

.description-block {

    display: block;

    margin: 10px 0;

    text-align: center;

}

.description-block.margin-bottom {

    margin-bottom: 10px;

}

.description-block>.description-header {

    margin: 0;

    padding: 0;

    font-weight: 600;

    font-size: 16px;

}

.list-header, .text-bold, .text-bold.table td, .text-bold.table th {

    font-weight: 700;

}

.alert-danger, .alert-error, .alert-info, .alert-success, .alert-warning, .bg-aqua, .bg-aqua-active, .bg-black, .bg-black-active, .bg-blue, .bg-blue-active, .bg-fuchsia, .bg-fuchsia-active, .bg-green, .bg-green-active, .bg-light-blue, .bg-light-blue-active, .bg-lime, .bg-lime-active, .bg-maroon, .bg-maroon-active, .bg-navy, .bg-navy-active, .bg-olive, .bg-olive-active, .bg-orange, .bg-orange-active, .bg-purple, .bg-purple-active, .bg-red, .bg-red-active, .bg-teal, .bg-teal-active, .bg-yellow, .bg-yellow-active, .callout.callout-danger, .callout.callout-info, .callout.callout-success, .callout.callout-warning, .label-danger, .label-info, .label-primary, .label-success, .label-warning, .modal-danger .modal-body, .modal-danger .modal-footer, .modal-danger .modal-header, .modal-info .modal-body, .modal-info .modal-footer, .modal-info .modal-header, .modal-primary .modal-body, .modal-primary .modal-footer, .modal-primary .modal-header, .modal-success .modal-body, .modal-success .modal-footer, .modal-success .modal-header, .modal-warning .modal-body, .modal-warning .modal-footer, .modal-warning .modal-header, .bg-warning, .bg-pink, .bg-gray {

    color: #fff!important;

}

/*color Skin*/



.border-primary {

  border-color: #7460ee !important;

}



.border-secondary {

  border-color: #e4e7ea !important;

}



.border-success {

  border-color: #26c6da !important;

}



.border-info {

  border-color: #2568ef !important;

}



.border-warning {

  border-color: #ffb22b !important;

}



.border-danger {

  border-color: #fc4b6c !important;

}



.border-pink {

  border-color: #FC3468 !important;

}



.border-purple {

  border-color: #7c277d !important;

}



.border-brown {

  border-color: #8d6658 !important;

}



.border-cyan {

  border-color: #57c7d4 !important;

}



.border-yellow {

  border-color: #fcc525 !important;

}



.border-gray {

  border-color: #868e96 !important;

}



.border-dark {

  border-color: #465161 !important;

}



.border-transparent {

  border-color: transparent !important;

}



.border-white {

  border-color: #fff !important;

}



.border-light {

  border-color: #f1f2f3 !important;

}



.border-fade {

  border-color: rgba(97, 106, 120, 0.07) !important;

}



.bg-primary {

  background-color: #7460ee !important;

  color: #fff;

}



.bg-secondary {

  background-color: #e4e7ea !important;

  color: #fff;

}



.bg-success {

  background-color: #26c6da !important;

  color: #fff;

}



.bg-info {

  background-color: #2568ef !important;

  color: #fff;

}



.bg-warning {

  background-color: #ffb22b !important;

  color: #fff;

}



.bg-danger {

  background-color: #fc4b6c !important;

  color: #fff;

}



.bg-pink {

  background-color: #FC3468 !important;

  color: #fff;

}



.bg-purple {

  background-color: #7c277d !important;

  color: #fff;

}



.bg-brown {

  background-color: #8d6658 !important;

  color: #fff;

}



.bg-cyan {

  background-color: #57c7d4 !important;

  color: #fff;

}



.bg-yellow {

  background-color: #fcc525 !important;

  color: #fff;

}



.bg-gray {

  background-color: #868e96 !important;

  color: #fff;

}



.bg-dark {

  background-color: #465161 !important;

  color: #fff;

}



.bg-white {

  background-color: #fff !important;

}



.bg-inverse {

  background-color: #465161 !important;

  color: #fff;

}



.bg-transparent {

  background-color: transparent !important;

}



.bg-secondary {

  color: #616a78;

}



.bg-lightest {

  background-color: #fcfdfe !important;

}



.bg-lighter {

  background-color: #f9fafb !important;

}



.bg-light {

  background-color: #f5f6f7 !important;

}



.bg-pale-primary {

  background-color: #dcfcfa !important;

}



.bg-pale-secondary {

  background-color: #f7fafc !important;

}



.bg-pale-success {

  background-color: #e3fcf2 !important;

}



.bg-pale-info {

  background-color: #e3f3fc !important;

}



.bg-pale-warning {

  background-color: #fcf0e3 !important;

}



.bg-pale-danger {

  background-color: #fce3e3 !important;

}



.bg-pale-pink {

  background-color: #fce3ec !important;

}



.bg-pale-purple {

  background-color: #ece3fc !important;

}



.bg-pale-brown {

  background-color: #eddcd5 !important;

}



.bg-pale-cyan {

  background-color: #e3fafc !important;

}



.bg-pale-yellow {

  background-color: #fcf8e3 !important;

}



.bg-pale-gray {

  background-color: #f2f2f2 !important;

}



.bg-pale-dark {

  background-color: #c8c8c8 !important;

}



.box-solid .box-body{

  background-color: #ffffff !important;

  color: #67757c;

}



.bg-secondary {

  background-color: #e4e7ea !important;

  color: #fff;

}



.bg-success {

  background-color: #26c6da !important;

  color: #fff;

}



.bg-info {

  background-color: #2568ef !important;

  color: #fff;

}



.bg-warning {

  background-color: #ffb22b !important;

  color: #fff;

}



.bg-danger {

  background-color: #fc4b6c !important;

  color: #fff;

}



.bg-pink {

  background-color: #FC3468 !important;

  color: #fff;

}



.bg-purple {

  background-color: #7c277d !important;

  color: #fff;

}



.bg-brown {

  background-color: #8d6658 !important;

  color: #fff;

}



.bg-cyan {

  background-color: #57c7d4 !important;

  color: #fff;

}



.bg-yellow {

  background-color: #fcc525 !important;

  color: #fff;

}



.bg-gray {

  background-color: #868e96 !important;

  color: #fff;

}



.bg-dark {

  background-color: #465161 !important;

  color: #fff;

}



.bg-white {

  background-color: #fff !important;

}



.bg-inverse {

  background-color: #465161 !important;

  color: #fff;

}



.bg-transparent {

  background-color: transparent !important;

}



.bg-secondary {

  color: #616a78;

}



.bg-lightest {

  background-color: #fcfdfe !important;

}



.bg-lighter {

  background-color: #f9fafb !important;

}



.bg-light {

  background-color: #f5f6f7 !important;

}



.bg-pale-primary {

  background-color: #dcfcfa !important;

}



.bg-pale-secondary {

  background-color: #f7fafc !important;

}



.bg-pale-success {

  background-color: #e3fcf2 !important;

}



.bg-pale-info {

  background-color: #e3f3fc !important;

}



.bg-pale-warning {

  background-color: #fcf0e3 !important;

}



.bg-pale-danger {

  background-color: #fce3e3 !important;

}



.bg-pale-pink {

  background-color: #fce3ec !important;

}



.bg-pale-purple {

  background-color: #ece3fc !important;

}



.bg-pale-brown {

  background-color: #eddcd5 !important;

}



.bg-pale-cyan {

  background-color: #e3fafc !important;

}



.bg-pale-yellow {

  background-color: #fcf8e3 !important;

}



.bg-pale-gray {

  background-color: #f2f2f2 !important;

}



.bg-pale-dark {

  background-color: #c8c8c8 !important;

}



.text-primary {

  color: #2568ef !important;

}



.text-secondary {

  color: #e4e7ea !important;

}



.text-success {

  color: #28a745 !important;

}



.text-info {

  color: #2568ef !important;

}



.text-warning {

  color: #ffb22b !important;

}



.text-danger {

  color: #C2292F !important;

}



.text-pink {

  color: #FC3468 !important;

}



.text-purple {

  color: #7c277d !important;

}



.text-brown {

  color: #8d6658 !important;

}



.text-cyan {

  color: #57c7d4 !important;

}



.text-yellow {

  color: #fcc525 !important;

}



.text-gray {

  color: #868e96 !important;

}



.text-dark {

  color: #465161 !important;

}



.text-facebook {

  color: #3b5998 !important;

}



.text-google {

  color: #dd4b39 !important;

}



.text-twitter {

  color: #00aced !important;

}



.text-linkedin {

  color: #007bb6 !important;

}



.text-pinterest {

  color: #cb2027 !important;

}



.text-git {

  color: #666666 !important;

}



.text-tumblr {

  color: #32506d !important;

}



.text-vimeo {

  color: #aad450 !important;

}



.text-youtube {

  color: #bb0000 !important;

}



.text-flickr {

  color: #ff0084 !important;

}



.text-reddit {

  color: #ff4500 !important;

}



.text-dribbble {

  color: #ea4c89 !important;

}



.text-skype {

  color: #00aff0 !important;

}



.text-instagram {

  color: #517fa4 !important;

}



.text-lastfm {

  color: #c3000d !important;

}



.text-behance {

  color: #1769ff !important;

}



.text-rss {

  color: #f26522 !important;

}



.text-default {

  color: #616a78 !important;

}



.text-muted {

  color: #868e96 !important;

}



.text-light {

  color: #788394 !important;

}



.text-lighter {

  color: #a5b3c7 !important;

}



.text-fade {

  color: rgba(97, 106, 120, 0.7) !important;

}



.text-fader {

  color: rgba(97, 106, 120, 0.5) !important;

}



.text-fadest {

  color: rgba(97, 106, 120, 0.4) !important;

}



.fs-12{

    font-size: 12px !important;

}



.fs-13{

    font-size: 13px !important;

}



.fs-14{

    font-size: 14px !important;

}



.fs-15{

    font-size: 15px !important;

}



.fwn{

    font-weight: normal !important;

}



.text-transparent {

  color: transparent !important;

}



a.text-primary:hover, a.text-primary:focus {

  color: #7460ee !important;

}



a.text-secondary:hover, a.text-secondary:focus {

  color: #e4e7ea !important;

}



a.text-info:hover, a.text-info:focus {

  color: #2568ef !important;

}



a.text-success:hover, a.text-success:focus {

  color: #26c6da !important;

}



a.text-warning:hover, a.text-warning:focus {

  color: #ffb22b !important;

}



a.text-danger:hover, a.text-danger:focus {

  color: #fc4b6c !important;

}



.hover-primary:hover, .hover-primary:focus {

  color: #7460ee !important;

}



.hover-secondary:hover, .hover-secondary:focus {

  color: #e4e7ea !important;

}



.hover-success:hover, .hover-success:focus {

  color: #26c6da !important;

}



.hover-info:hover, .hover-info:focus {

  color: #2568ef !important;

}



.hover-warning:hover, .hover-warning:focus {

  color: #ffb22b !important;

}



.hover-danger:hover, .hover-danger:focus {

  color: #fc4b6c !important;

}



.hover-pink:hover, .hover-pink:focus {

  color: #FC3468 !important;

}



.hover-purple:hover, .hover-purple:focus {

  color: #7c277d !important;

}



.hover-brown:hover, .hover-brown:focus {

  color: #8d6658 !important;

}



.hover-cyan:hover, .hover-cyan:focus {

  color: #57c7d4 !important;

}



.hover-yellow:hover, .hover-yellow:focus {

  color: #fcc525 !important;

}



.hover-gray:hover, .hover-gray:focus {

  color: #868e96 !important;

}



.hover-dark:hover, .hover-dark:focus {

  color: #465161 !important;

}



.hover-facebook:hover, .hover-facebook:focus {

  color: #3b5998 !important;

}



.hover-google:hover, .hover-google:focus {

  color: #dd4b39 !important;

}



.hover-twitter:hover, .hover-twitter:focus {

  color: #00aced !important;

}



.hover-linkedin:hover, .hover-linkedin:focus {

  color: #007bb6 !important;

}



.hover-pinterest:hover, .hover-pinterest:focus {

  color: #cb2027 !important;

}



.hover-git:hover, .hover-git:focus {

  color: #666666 !important;

}



.hover-tumblr:hover, .hover-tumblr:focus {

  color: #32506d !important;

}



.hover-vimeo:hover, .hover-vimeo:focus {

  color: #aad450 !important;

}



.hover-youtube:hover, .hover-youtube:focus {

  color: #bb0000 !important;

}



.hover-flickr:hover, .hover-flickr:focus {

  color: #ff0084 !important;

}



.hover-reddit:hover, .hover-reddit:focus {

  color: #ff4500 !important;

}



.hover-dribbble:hover, .hover-dribbble:focus {

  color: #ea4c89 !important;

}



.hover-skype:hover, .hover-skype:focus {

  color: #00aff0 !important;

}



.hover-instagram:hover, .hover-instagram:focus {

  color: #517fa4 !important;

}



.hover-lastfm:hover, .hover-lastfm:focus {

  color: #c3000d !important;

}



.hover-behance:hover, .hover-behance:focus {

  color: #1769ff !important;

}



.hover-rss:hover, .hover-rss:focus {

  color: #f26522 !important;

}



.hover-white:hover, .hover-white:focus {

  color: #fff !important;

}



.hover-muted:hover, .hover-muted:focus {

  color: #868e96 !important;

}



.hover-light:hover, .hover-light:focus {

  color: #788394 !important;

}



.hover-lighter:hover, .hover-lighter:focus {

  color: #a5b3c7 !important;

}



.hover-fade:hover, .hover-fade:focus {

  color: rgba(97, 106, 120, 0.4) !important;

}



.hover-transparent:hover, .hover-transparent:focus {

  color: transparent !important;

}



.active.active-primary {

  background-color: #dcfcfa !important;

}



.active.active-secondary {

  background-color: #f7fafc !important;

}



.active.active-success {

  background-color: #e3fcf2 !important;

}



.active.active-info {

  background-color: #e3f3fc !important;

}



.active.active-warning {

  background-color: #fcf0e3 !important;

}



.active.active-danger {

  background-color: #fce3e3 !important;

}



.active.active-pink {

  background-color: #fce3ec !important;

}



.active.active-purple {

  background-color: #ece3fc !important;

}



.active.active-brown {

  background-color: #eddcd5 !important;

}



.active.active-cyan {

  background-color: #e3fafc !important;

}



.active.active-yellow {

  background-color: #fcf8e3 !important;

}



.active.active-gray {

  background-color: #f2f2f2 !important;

}



.active.active-dark {

  background-color: #c8c8c8 !important;

}



.active.active-white {

  background-color: #fff !important;

}



.active.active-transparent {

  background-color: transparent !important;

}



/*---------add-----------*/



.bg-gray {

    color: #000;

    background-color: #d2d6de;

}

.bg-gray-light {

    background-color: #f7f7f7;

}

.bg-black, .bg-inverse {

    background-color: #455a64;

}

.alert-danger{

    background: #FBEAEA !important;

    color: #C22929 !important;

    border: 2px solid #F5D1D1;

    border-radius: 4px; 

}



.alert-error, .bg-red, .callout.callout-danger, .label-danger, .modal-danger .modal-body {

    background-color: #fc4b6c !important;

}



.alert-warning, .bg-warning, .callout.callout-warning, .label-warning, .modal-warning .modal-body {

    color: #222 !important;

    background-color: #fdf9e9 !important;

    border: 2px solid #f1f1f1;

    border-radius: 10px;

}





.alert-info{

    background: #E0F4FB !important;

    color: #2568ef !important;

    font-size: 15px;

    font-weight: 500;

    border: 2px solid #2568ef !important;

    border-radius: 4px !important;

}



.callout.callout-info, .label-info, .modal-info .modal-body {

    background-color: #2568ef !important;

}

.bg-aqua {

    background-color: #00FFFF !important;

}

.label-inverse {

    background-color: #2f3d4a;

}

.bg-blue {

    background-color: #398bf7;

}

.label-primary, .modal-primary .modal-body {

    background-color: #398bf7 !important;

}

.bg-light-blue {

    background-color: #ADD8E6 !important;

}

.alert-success, .callout.callout-success, .label-success, .modal-success .modal-body {

    background-color: #26c6da !important;

}

.bg-green {

    background-color: #06D73E;

}

.bg-navy {

    background-color: #001f3f;

}

.bg-teal {

    background-color: #39cccc;

}

.bg-olive {

    background-color: #7dab2e;

}

.bg-lime {

    background-color: #01ff70;

}

.bg-orange {

    background-color: #f7941d;

}

.bg-fuchsia {

    background-color: #f012be;

}

.bg-purple {

    background-color: #7c277d;

}

.bg-maroon {

    background-color: #8C1919;

}

.bg-gray-active {

    color: #000;

    background-color: #b5bbc8;

}

.bg-black-active {

    background-color: #000;

}

.bg-red-active, .modal-danger .modal-footer, .modal-danger .modal-header {

    background-color: #e73f3c;

}

.bg-yellow-active, .modal-warning .modal-footer, .modal-warning .modal-header {

    background-color: #df9e1b;

}

.modal-info .modal-footer, .modal-info .modal-header {

    background-color: #2e7de5;

}

.bg-aqua-active {

    background-color: #03CCCC;

}

.bg-blue-active {

    background-color: #2f88d6;

}

.modal-primary .modal-footer, .modal-primary .modal-header {

    background-color: #2b95d4;

}

.bg-light-blue-active {

    background-color: #86B9C9;

}

.bg-green-active, .modal-success .modal-footer, .modal-success .modal-header {

    background-color: #0fc491;

}

.bg-navy-active {

    background-color: #001a35;

}

.bg-teal-active {

    background-color: #30bbbb;

}

.bg-olive-active {

    background-color: #61881f;

}

.bg-lime-active {

    background-color: #00e765;

}

.bg-orange-active {

    background-color: #df8214;

}

.bg-fuchsia-active {

    background-color: #db0ead;

}

.bg-purple-active {

    background-color: #664ce1;

}

.bg-maroon-active {

    background-color: #7e1616;

}

[class^=bg-].disabled {

    opacity: .65;

    filter: alpha(opacity=65);

}

.text-danger, .text-red {

    color: #fc4b6c;

}

.text-white {

    color: #fff;

}

.text-warning, .text-yellow {

    color: #ffb22b;

}

.text-aqua, .text-info {

    color: #398bf7;

}

.text-blue {

    color: #398bf7;

}

.text-light-blue {

    color: #398bf7;

}

.text-success {

    color: #26c6da;

}

.text-green {

    color: #06D73E;

}

.text-gray {

    color: #d2d6de;

}

.text-navy {

    color: #001f3f;

}

.text-teal {

    color: #39cccc;

}

.text-olive {

    color: #7dab2e;

}

.text-lime {

    color: #01ff70;

}

.text-orange {

    color: #f7941d;

}

.text-fuchsia {

    color: #f012be;

}

.text-purple {

    color: #7c277d;

}

.text-maroon {

    color: #8C1919;

}

.text-black, .text-inverse {

    color: #000;

}

.link-muted {

    color: #7a869d;

}

.link-muted:focus, .link-muted:hover {

    color: #606c84;

}

.link-black {

    color: #67757c;

}

.link-black:focus, .link-black:hover {

    color: #67757c;

}

.hide {

    display: none;

}

.no-border {

    border: 0;

}

.no-radius {

    border-radius: 0;

}

.no-padding {

    padding: 0;

}

.no-margin {

    margin: 0;

}

.no-shadow {

    box-shadow: none;

}

.margin-top-0 {

    margin-top: 0;

}

.margin-top-10 {

    margin-top: 10px;

}

.margin-top-20 {

    margin-top: 20px;

}

.margin-top-30 {

    margin-top: 30px;

}

.margin-top-40 {

    margin-top: 40px;

}

.chart-legend, .contacts-list, .list-unstyled, .mailbox-attachments, .users-list {

    list-style: none;

    margin: 0;

    padding: 0;

}

.list-group-unbordered>.list-group-item {

    border-left: 0;

    border-right: 0;

    border-radius: 0;

    padding-left: 0;

    padding-right: 0;

}

.flat {

    border-radius: 0!important;

}

.text-sm {

    font-size: 12px;

}

.jqstooltip {

    padding: 5px!important;

    width: auto!important;

    height: auto!important;

}



.description-block .description-icon {

    font-size: 16px;

}

.no-pad-top {

    padding-top: 0;

}

.position-static {

    position: static!important;

}

.list-header {

    font-size: 15px;

    padding: 10px 4px;

    color: #67757c;

}

.list-seperator {

    height: 1px;

    background: #f4f4f4;

    margin: 15px 0 9px;

}

.list-link>a {

    padding: 4px;

    color: #67757c;

}

.list-link>a:hover {

    color: #455a64;

}

.font-light {

    font-weight: 500;

}

.user-block:after, .user-block:before {

    content: " ";

    display: table;

}

.user-block img {

    width: 40px;

    height: 40px;

    float: left;

}

.user-block .comment, .user-block .description, .user-block .username {

    display: block;

    margin-left: 50px;

}

.img-sm+.img-push, .user-block.user-block-sm .comment, .user-block.user-block-sm .description, .user-block.user-block-sm .username {

    margin-left: 40px;

}

.user-block .username {

    font-size: 16px;

    font-weight: 600;

}

.user-block .description {

    color: #67757c;

    font-size: 13px;

}

.user-block.user-block-sm .username {

    font-size: 14px;

}

.box-comments .box-comment img, .img-lg, .img-md, .img-sm, .user-block.user-block-sm img {

    float: left;

}

.box-comments .box-comment img, .img-sm, .user-block.user-block-sm img {

    width: 30px!important;

    height: 30px!important;

}

.img-md {

    width: 60px;

    height: 60px;

}

.img-md+.img-push {

    margin-left: 70px;

}

.attachment-block .attachment-pushed, .img-lg+.img-push {

    margin-left: 110px;

}

.img-lg {

    width: 100px;

    height: 100px;

}

.img-bordered {

    border: 3px solid #d2d6de;

    padding: 3px;

}

.img-bordered-sm {

    border: 2px solid #d2d6de;

    padding: 2px;

}

.attachment-block {

    border: 1px solid #f4f4f4;

    padding: 5px;

    margin-bottom: 10px;

    background: #f7f7f7;

}

.attachment-block .attachment-img {

    max-width: 100px;

    max-height: 100px;

    height: auto;

    float: left;

}

.attachment-block .attachment-heading {

    margin: 0;

}

.attachment-block .attachment-text {

    color: #555;

}

.connectedSortable {

    min-height: 100px;

}

.ui-helper-hidden-accessible {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}

.sort-highlight {

    background: #f4f4f4;

    border: 1px dashed #ddd;

    margin-bottom: 10px;

}

.full-opacity-hover {

    opacity: .65;

    filter: alpha(opacity=65);

}

.full-opacity-hover:hover {

    opacity: 1;

    filter: alpha(opacity=100);

}

.chart {

    position: relative;

    overflow: hidden;

    width: 100%

}

.chart canvas, .chart svg {

    width: 100%!important;

}









@media print {



body {

    -webkit-print-color-adjust: exact;

}



.content-header, .left-side, .main-header, .main-sidebar, .no-print {

    display: none!important;

}

.content-wrapper, .main-footer, .right-side {

    margin-left: 0!important;

    min-height: 0!important;

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);

}

.fixed .content-wrapper, .fixed .right-side {

    padding-top: 0!important;

}

.invoice {

    width: 100%;

    border: 0;

    margin: 0;

    padding: 0;

}

.invoice-col {

    float: left;

    width: 33.3333333%}

.table-responsive {

    overflow: auto;

}

.table-responsive>.table tr td, .table-responsive>.table tr th {

    white-space: normal;

}

}

@media (min-width: 768px){

.material-icon-list-demo .icons div {

    width: 33%;

    padding: 5px;

    display: inline-block;

    line-height: 40px;

}

.material-icon-list-demo .mdi {

    font-size: 21px;

}

}

.material-icon-list-demo .icons div code {

    margin: 0px 5px;

}

.icon-list-demo .col-md-4, .icon-list-demo .col-3 {

    border-radius: 4px;

}

.icon-list-demo div {

    cursor: pointer;

    line-height: 60px;

    white-space: nowrap;

    color: #67757c;

}

.icon-list-demo .col-md-4:hover, .icon-list-demo .col-3:hover {

    background-color: #ebf3f5;

}

.icon-list-demo div:hover {

    color: #263238;

}

.icon-list-demo i {

    -webkit-transition: all 0.2s;

    -webkit-transition: font-size .2s;

    display: inline-block;

    font-size: 18px;

    margin: 0 15px 0 10px;

    text-align: left;

    -o-transition: all 0.2s;

    transition: all 0.2s;

    -o-transition: font-size .2s;

    transition: font-size .2s;

    vertical-align: middle;

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}

.divider-dash {

  opacity: .7;

  margin: 0 4px;

  vertical-align: middle;

  color: #929daf;

}



.divider-dash::before {

  content: '\2014 \00A0';

}



.divider-dot {

  display: inline-block;

  width: 3px;

  height: 3px;

  border-radius: 50%;

  margin: 0 4px;

  vertical-align: middle;

  opacity: .5;

  background-color: #929daf;

}



.divider-line {

  display: -webkit-inline-box;

  display: inline-flex;

  height: 20px;

  width: 1px;

  margin: 0 4px;

  background-color: rgba(97, 106, 120, 0.07);

}



.divider {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

  align-items: center;

  -webkit-box-flex: 0;

  flex: 0 1 0%;

  color: #929daf;

  font-size: 11px;

  letter-spacing: .5px;

  margin: 2rem auto;

  width: 100%;

}



.divider::before, .divider::after {

  content: '';

  -webkit-box-flex: 1;

          flex-grow: 1;

  border-top: 1px solid #ebebeb;

}



.divider::before {

  margin-right: 16px;

}



.divider::after {

  margin-left: 16px;

}



.divider a {

  color: #929daf;

}



.divider-vertical {

  display: -webkit-inline-box;

  display: inline-flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

          flex-direction: column;

  margin-top: 0;

  margin-bottom: 0;

  padding: 0 2rem;

}



.divider-vertical::before, .divider-vertical::after {

  border-top: none;

  border-right: 1px solid #ebebeb;

  margin: 0;

}



.divider-vertical::before {

  margin-bottom: 16px;

}



.divider-vertical::after {

  margin-top: 16px;

}



.hr-sm,

.divider-sm {

  margin: 1rem auto;

}



.hr-lg,

.divider-lg {

  margin: 3rem auto;

}



.divider-vertical.divider-sm {

  padding: 0 1rem;

}



.divider-vertical.divider-lg {

  padding: 0 3rem;

}



.box-img-top {

    width: 100%;

    border-top-left-radius: calc(.25rem - 1px);

    border-top-right-radius: calc(.25rem - 1px);

}

.box-group .box {

    border: 1px solid rgba(0,0,0,0.05);

}

.box-deck {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

}

@media (min-width: 576px){

.box-group .box:first-child .box-img-top {

    border-top-right-radius: 0;

}

.box-group .box:first-child {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}

.box-group .box {

    -ms-flex: 1 0 0%;

    flex: 1 0 0%;

}

.box-group {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

}

.box-deck {

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    margin-right: -15px;

    margin-left: -15px;

}	

.box-deck .box {

    display: -ms-flexbox;

    display: flex;

    -ms-flex: 1 0 0%;

    flex: 1 0 0%;

    -ms-flex-direction: column;

    flex-direction: column;

    margin-right: 15px;

    margin-bottom: 0;

    margin-left: 15px;

}	

}

.box-deck .box {

    margin-bottom: 20px;

}



.box-columns .box {

    margin-bottom: 20px;

}

@media (min-width: 576px){

.box-columns {

    -webkit-column-count: 3;

    column-count: 3;

    -webkit-column-gap: 1.25rem;

    column-gap: 1.25rem;

}

.box-columns .box {

    display: inline-block;

    width: 100%;

}

}

.doc-dropdown .dropdown, .doc-dropdown .dropup {

    display: inline-block;

}

.doc-dropdown .dropdown-menu, .doc-dropdown .dropdown-grid {

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

}

.show > .dropdown-grid {

    display: -webkit-box;

    display: flex;

}

.dropdown-grid {

    display: none;

    flex-wrap: wrap;

    padding: 8px;

}

.dropdown-menu, .dropdown-grid {

    color: #616a78;

    border-radius: 8px;

    font-size: 13px;

    border-color: #f1f2f3;

    padding: 0;

    transition: none;

    box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.09) !important;

    z-index: 992;

    width: 187px;

}

.dropdown-grid {

    position: absolute;

    top: 100%;

    float: left;

    min-width: 300px;

    margin: 2px 0 0;

    text-align: left;

    list-style: none;

    background-color: #fff;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: 1px solid rgba(0, 0, 0, 0.15);

}

.dropdown-grid .dropdown-item {

    display: -webkit-box;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column;

    -webkit-box-pack: center;

    justify-content: center;

    flex-basis: 33.333333%;

    overflow: hidden;

    text-align: center;

    padding: 12px;

    margin: 0;

    min-height: 90px;

    border: 1px solid transparent;

}

.dropdown-item .icon {

    vertical-align: baseline;

    margin-right: 6px;

    font-size: 0.875rem;

}

.dropdown-grid .icon {

    font-size: 24px;

}

.dropdown-grid .dropdown-item:hover {

    border-color: #f1f2f3;

    transition: none;

}

.dropdown-grid .dropdown-item .icon:first-child {

    width: auto;

    margin-right: 0em;

    text-align: center;

}

.dropdown-grid .dropdown-item img.icon:first-child{

    width: 60%;

	margin: 0 auto;

}

.dropdown-grid.cols-2 .dropdown-item {

    flex-basis: 50%;

}

.dropdown-grid.cols-2 {

    min-width: 200px;

}

.dropdown-grid.cols-4 .dropdown-item {

    flex-basis: 25%;

}

.dropdown-grid.cols-4 {

    min-width: 400px;

}

.dropdown-grid .dropdown-item.disabled:hover {

    background-color: transparent;

}

.dropdown-grid .dropdown-item.disabled {

    opacity: .5;

    cursor: not-allowed;

}

.dropdown-grid .dropdown-item.active, .dropdown-grid .dropdown-item:active {

    color: #616a78;

    background-color: #f5f6f7;

}

.bring-front {

  z-index: 1;

}

.contact-page-aside ul.list-style-none {

    margin: 0px;

    padding: 0px;

}

ul.list-style-none li {

    list-style: none;

}

.list-style-none li.box-label a {

    font-weight: 500;

}

ul.list-style-none li a {

    color: #67757c;

    padding: 10px 0px;

    display: block;

    text-decoration: none;

}

.list-style-none li.divider {

    margin: 10px 0;

    height: 1px;

    background: rgba(120, 130, 140, 0.13);

}

ul.list-style-none li a:hover {

    color: #1976d2;

}

.list-style-none li a span {

    float: right;

}

div#employeelist_filter {

    margin-top: -60px;

	position: relative;

	z-index: 99;

}

.direct-chat-messages.chat-app{

    padding: 0.8rem 1.25rem;

}

.chat-app .direct-chat-img {

        width: 64px;

    height: 64px;

    line-height: 64px;

}

.chat-app .direct-chat-text {

    margin: 5px 0 0 80px;

}

.chat-app .right .direct-chat-text {

    margin: 5px 80px 0 0px;

}

.grid-stack>.grid-stack-item>.grid-stack-item-content {

    border: 1px solid rgba(120, 130, 140, 0.13);

}

.grid-stack-item-content {

    background: #fff;

    color: #2b2b2b;

    text-align: center;

    font-size: 20px;

}

.box-body ul li{

	line-height: 24px;

}

.code-preview {

    border: 1px solid #ebebeb;

    border-bottom: none;

    padding: 20px;

    background-color: #fff;

}

hr {

    border-top-color: rgba(97,106,120,0.07);

}

.nshadow{

    box-shadow: 0 0 2px rgba(77,101,117,0.35);

}

.dshadow{

    box-shadow: 0 2px 15px rgba(77,101,117,0.35);

}

.lshadow{

    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);

    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);

    box-shadow: 0 0 5px rgba(0, 0, 0, .2);

}

.bdr{

    border: 1px solid #ddd;

}

/* date-paginator */

.dp-selected[style] {

  background-color: #666 !important;

}

.grid-stack-item-content {

  background: #ffffff;

  color: #2b2b2b;

  font-family: 'Open Sans', sans-serif;

  text-align: center;

  font-size: 20px;

}

.grid-stack-item-content .fa {

  font-size: 64px;

  display: block;

  margin: 20px 0 10px;

}

.dp-item {

    position: relative;

	line-height: 1.42857143;

}



/* horizontal-timeline */

.cd-horizontal-timeline .timeline {

    padding: 20px 0 20px;

}



/**********Nestable**********/

.myadmin-dd .dd-list .dd-item .dd-handle {

  background: #ffffff;

  border: 1px solid rgba(120, 130, 140, 0.13);

  padding: 8px 16px;

  height: auto;

  font-weight: 600;

  border-radius: 0px;

}

.myadmin-dd .dd-list .dd-item .dd-handle:hover {

  color: #03a9f3;

}

.myadmin-dd .dd-list .dd-item button {

  height: auto;

  font-size: 17px;

  margin: 8px auto;

  color: #2b2b2b;

  width: 30px;

}

.myadmin-dd-empty .dd-list .dd3-handle {

  border: 1px solid rgba(120, 130, 140, 0.13);

  border-bottom: 0px;

  background: #ffffff;

  height: 36px;

  width: 36px;

}

.myadmin-dd-empty .dd-list .dd3-handle:before {

  color: inherit;

  top: 7px;

}

.myadmin-dd-empty .dd-list .dd3-handle:hover {

  color: #03a9f3;

}

.myadmin-dd-empty .dd-list .dd3-content {

  height: auto;

  border: 1px solid rgba(120, 130, 140, 0.13);

  padding: 8px 16px 8px 46px;

  background: #ffffff;

  font-weight: 600;

}

.myadmin-dd-empty .dd-list .dd3-content:hover {

  color: #03a9f3;

}

.myadmin-dd-empty .dd-list button {

  width: 26px;

  height: 26px;

  font-size: 16px;

  font-weight: 600;

}



/* ribbon */

.ribbon-wrapper,

.ribbon-wrapper-reverse,

.ribbon-wrapper-bottom,

.ribbon-wrapper-right-bottom {

  position: relative;

  background: #f7f7f7;

  padding: 50px 15px 15px 50px;

}

.ribbon-overflow {

  overflow: hidden;

}

.ribbon-wrapper-reverse {

  padding: 50px 50px 15px 15px;

}

.ribbon-wrapper-bottom {

  padding: 15px 15px 50px 50px;

}

.ribbon-wrapper-right-bottom {

  padding: 15px 50px 50px 15px;

}

.ribbon {

  padding: 0 20px;

  height: 30px;

  line-height: 30px;

  clear: left;

  position: absolute;

  top: 0px;

  left: -2px;

  border-top-right-radius: 10px;

  border-bottom-right-radius: 10px;

  border-bottom-left-radius: 10px;

  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);

}

.ribbon-bookmark:before {

  position: absolute;

  top: 0;

  left: 100%;

  display: block;

  width: 0;

  height: 0;

  content: '';

  border: 15px solid #2b2b2b;

  border-right: 10px solid transparent;

}

.ribbon-right {

  left: auto;

  right: -2px;

  border-top-right-radius: 0px;

  border-bottom-right-radius: 10px;

  border-top-left-radius: 10px;

  border-bottom-left-radius: 10px;

}

.ribbon-bookmark.ribbon-right:before {

  right: 100%;

  left: auto;

  border-right: 15px solid #2b2b2b;

  border-left: 10px solid transparent;

}

.ribbon-vertical-l,

.ribbon-vertical-r {

  clear: none;

  padding: 0 5px;

  height: 40px;

  width: 30px;

  line-height: 40px;

  text-align: center;

  left: 0px;

  top: -2px;

  border-bottom-left-radius: 10px;

  border-bottom-right-radius: 10px;

  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);

}

.ribbon-vertical-r {

  left: auto;

  right: 0px;

  border-top-left-radius: 10px;

  border-bottom-right-radius: 10px;

  border-top-right-radius: 0px;

}

.ribbon-bookmark.ribbon-vertical-l:before,

.ribbon-bookmark.ribbon-vertical-r:before {

  top: 100%;

  left: 0;

  margin-top: -14px;

  border-right: 15px solid #2b2b2b;

  border-bottom: 10px solid transparent;

}

.ribbon-bookmark{

	border-radius: 0;

	top: -5px;

    left: -5px;

	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);

}

.ribbon-bookmark.ribbon-right {

    right: -5px;

	left: auto;

}

.ribbon-badge {

  top: 15px;

  overflow: hidden;

  left: -90px;

  width: 100%;

  text-align: center;

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.ribbon-badge.ribbon-right {

  left: auto;

  right: -90px;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

.ribbon-badge.ribbon-bottom {

  top: auto;

  bottom: 15px;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

.ribbon-badge.ribbon-right.ribbon-bottom {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}







.ribbon-bookmark.bg-primary:before {

  border-color: #7460ee;

  border-right-color: transparent;

}

.ribbon-bookmark.ribbon-right.bg-primary:before {

  border-right-color: #7460ee;

  border-left-color: transparent;

}

.ribbon-bookmark.ribbon-vertical-l.bg-primary:before,

.ribbon-bookmark.ribbon-vertical-r.bg-primary:before {

  border-right-color: #7460ee;

  border-bottom-color: transparent;

}





.ribbon-bookmark.bg-success:before {

  border-color: #26c6da;

  border-right-color: transparent;

}

.ribbon-bookmark.ribbon-right.bg-success:before {

  border-right-color: #26c6da;

  border-left-color: transparent;

}

.ribbon-bookmark.ribbon-vertical-l.bg-success:before,

.ribbon-bookmark.ribbon-vertical-r.bg-success:before {

  border-right-color: #26c6da;

  border-bottom-color: transparent;

}





.ribbon-bookmark.bg-info:before {

  border-color: #2568ef;

  border-right-color: transparent;

}

.ribbon-bookmark.ribbon-right.bg-info:before {

  border-right-color: #2568ef;

  border-left-color: transparent;

}

.ribbon-bookmark.ribbon-vertical-l.bg-info:before,

.ribbon-bookmark.ribbon-vertical-r.bg-info:before {

  border-right-color: #2568ef;

  border-bottom-color: transparent;

}





.ribbon-bookmark.bg-warning:before {

  border-color: #ffb22b;

  border-right-color: transparent;

}

.ribbon-bookmark.ribbon-right.bg-warning:before {

  border-right-color: #ffb22b;

  border-left-color: transparent;

}

.ribbon-bookmark.ribbon-vertical-l.bg-warning:before,

.ribbon-bookmark.ribbon-vertical-r.bg-warning:before {

  border-right-color: #ffb22b;

  border-bottom-color: transparent;

}





.ribbon-bookmark.bg-danger:before {

  border-color: #fc4b6c;

  border-right-color: transparent;

}

.ribbon-bookmark.ribbon-right.bg-danger:before {

  border-right-color: #fc4b6c;

  border-left-color: transparent;

}

.ribbon-bookmark.ribbon-vertical-l.bg-danger:before,

.ribbon-bookmark.ribbon-vertical-r.bg-danger:before {

  border-right-color: #fc4b6c;

  border-bottom-color: transparent;

}



.ribbon-bookmark.bg-secondary:before {

  border-color: #e4e7ea;

  border-right-color: transparent;

}

.ribbon-bookmark.ribbon-right.bg-secondary:before {

  border-right-color: #e4e7ea;

  border-left-color: transparent;

}

.ribbon-bookmark.ribbon-vertical-l.bg-secondary:before,

.ribbon-bookmark.ribbon-vertical-r.bg-secondary:before {

  border-right-color: #e4e7ea;

  border-bottom-color: transparent;

}



.sort.search{

    width: 200px; 

    margin-right: 20px; 

    height: 32px !important;

    border-radius: 4px;

}



.ml-10{

    margin-left: 10px;

}

.ml-20{

    margin-left: 20px;

}

.ml-50{

    margin-left: 50px;

}

.c-b{

    color: #2568ef;

}



.c-f{

    color: #fff;

}





.box-bottom {

    height: 50px;

    padding: 8px 17px;

}









/*site color checkbox*/



.color-check {

    display: block;

    position: relative;

    padding-left: 35px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 22px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



/* Hide the browser's default checkbox */

.color-check input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

}



/* Create a custom checkbox */

.checkmark-color {

    position: absolute;

    top: 0px;

    left: 0;

    height: 40px;

    width: 40px;

    border-radius: 25px;

}



/* On mouse-over, add a grey background color */

.color-check:hover input ~ .checkmark-color {

    background-color: #f1f1f1;

}



/* When the checkbox is checked, add a blue background */

.color-check input:checked ~ .checkmark-color {

    background-color: #2196F3;

}



/* Create the checkmark/indicator (hidden when not checked) */

.checkmark-color:after {

    content: "";

    position: absolute;

    display: none;

}



/* Show the checkmark when checked */

.color-check input:checked ~ .checkmark-color:after {

    display: block;

}



/* Style the checkmark/indicator */

.color-check .checkmark-color:after {

    left: 17px;

    top: 10px;

    width: 7px;

    height: 15px;

    border: solid white;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}





.round.round-success {

    background: #26c6da;

}

.round {

    line-height: 40px;

    color: #ffffff;

    width: 80px;

    height: 80px;

    display: inline-block;

    font-weight: 500;

    font-size: 15px;

    text-align: center;

    border-radius: 100%;

    background: #2568ef;

    line-height: 80px;

}



.round i {

    font-size: 30px;

    color: #fff;

    text-shadow: 0 0 2px #ddd;

}



.card.counts {

    box-shadow: 0 0 0 0px rgba(63, 63, 68, 0.05), 0 2px 6px 0 rgba(63, 63, 68, 0.15);

    border-radius: 10px;

}



span.color {

    background: #554ca4;

    height: 30px;

    width: 70px;

    display: block;

    float: right;

    margin-bottom: 10px;

}



.align-self-center {

    -ms-flex-item-align: center!important;

    align-self: center!important;

}



.m-l-10 {

    margin-left: 10px;

}



a.on-default {

    font-size: 14px;

    color: #333;

    background: #fff;

    border: 2px solid #ddd;

    padding: 4px 8px;

    border-radius: 50%;

}



a.on-default:hover {

    color: #2568ef;

    border: 2px solid #2568ef;

}



.table {

    color: #333 !important;

}



.error-line{

    border: 1px solid red !important;

}



.table-hover tbody tr:hover {

    cursor: pointer;

    background-color: rgba(0,0,0,.06) !important;

}





/* Switch

   ========================================================================== */

.switch,

.switch * {

  -webkit-user-select: none;

  -moz-user-select: none;

  -khtml-user-select: none;

  -ms-user-select: none; }



.switch label {

  cursor: pointer; }



.switch label input[type=checkbox] {

  opacity: 0;

  width: 0;

  height: 0; }



.switch label input[type=checkbox]:checked + .lever {

  background-color: #398bf7; }



.switch label input[type=checkbox]:checked + .lever:after {

  background-color: #398bf7;

  left: 24px; }



.switch label .lever {

  content: "";

  display: inline-block;

  position: relative;

  width: 40px;

  height: 15px;

  background-color: #818181;

  border-radius: 15px;

  margin-right: 10px;

  -webkit-transition: background 0.3s ease;

  -o-transition: background 0.3s ease;

  transition: background 0.3s ease;

  vertical-align: middle;

  margin: 0 16px; }



.switch label .lever:after {

  content: "";

  position: absolute;

  display: inline-block;

  width: 21px;

  height: 21px;

  background-color: #F1F1F1;

  border-radius: 21px;

  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);

  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);

  left: -5px;

  top: -3px;

  -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease;

  transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease;

  -o-transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;

  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;

  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; }



input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after,

input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {

  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);

  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1); }



input[type=checkbox]:not(:disabled) ~ .lever:active:after,

input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {

  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);

  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); }



.switch input[type=checkbox][disabled] + .lever {

  cursor: default; }



.switch label input[type=checkbox][disabled] + .lever:after,

.switch label input[type=checkbox][disabled]:checked + .lever:after {

  background-color: #BDBDBD; }



.scale-up {

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

  display: inline-block;

  -webkit-transform-origin: right 0px;

  -ms-transform-origin: right 0px;

  transform-origin: right 0px; }



.scale-up-left {

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

  display: inline-block;

  -webkit-transform-origin: left 0px;

  -ms-transform-origin: left 0px;

  transform-origin: left 0px; }



.show > .scale-up {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  -webkit-transform-origin: right 0px;

  -ms-transform-origin: right 0px;

  transform-origin: right 0px; }



.show > .scale-up-left {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  -webkit-transform-origin: left 0px;

  -ms-transform-origin: left 0px;

  transform-origin: left 0px; }



.switch_off{

    font-size: 13px;

    font-weight: 600;

    color: #555;

}



.switch_on{

    font-size: 13px;

    font-weight: 600;

    color: #222;

}









.btn-secondary, .btn-secondary.disabled {

    background: #ffffff;

    border: 1px solid #727b84;

    color: #727b84;

}

.btn-rounded {

    border-radius: 60px;

    padding: 10px 18px !important;

}



.btn-rounded-sm {

    border-radius: 60px !important;

    padding: 8px 12px !important;

}







.bb1{

    border-bottom: 1px solid #ddd;

}

.br1{

    border-right: 1px solid #ddd;

}

.bl1{

    border-left: 1px solid #ddd;

}

.bt1{

    border-top: 1px solid #ddd;

}



.mt-300{

    margin-top: 300px;

}

.mt-10{

margin-top: 10px !important;

}



.mt-20{

margin-top: 20px !important;

}



.mt-50{

margin-top: 50px !important;

}



.mb-10{

margin-bottom: 10px !important;

}



.mb-20{

margin-bottom: 20px !important;

}



.btn {

    position: relative;

    display: inline-block;

    font-weight: 500;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border: 2px solid transparent;

    padding: .5rem .95rem;

    font-size: 1rem;

    line-height: 1.25;

    border-radius: 50px;

}





.row.layrow {

    padding: 40px 30px;

}



.layout-box {

    position: relative;

    border-radius: 10px;

    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);

    webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.layout-box:hover{

    -webkit-transform: translateY(-4px);

    -ms-transform: translateY(-4px);

    -o-transform: translateY(-4px);

    box-shadow: 0 0px 10px rgba(0,0,0,0.1)

}



.layout-box label{

  cursor: pointer !important;

}



.layout-box i.fa {

    position: absolute;

    top: -40px;

    font-size: 40px;

    color: #28a745;

    text-shadow: 0 0 5px #ddd;

    left: 50%;

    transform: translateX(-50%);

}



.card-box.p-0.layout-box label {

    margin-bottom: 0;

}



.width-10{

  width: 10.999%;

}





span.total-price {

    color: #555;

    font-size: 14px;

    font-weight: bold;

}



span.conver-total {

    color: #777;

}



.color-checkbox {

  position: relative;

}



.color-checkbox label {

  background-color: #fff;

  border: 1px solid #ccc;

  border-radius: 50%;

  cursor: pointer;

  height: 28px;

  left: 0;

  position: absolute;

  top: 0;

  width: 28px;

}



.color-checkbox label:after {

  border: 2px solid #fff;

  border-top: none;

  border-right: none;

  content: "";

  height: 6px;

  left: 7px;

  opacity: 0;

  position: absolute;

  top: 8px;

  transform: rotate(-45deg);

  width: 12px;

}



.color-checkbox input[type="checkbox"] {

  visibility: hidden;

}



.color-checkbox input[type="checkbox"]:checked + label {

  background-color: #66bb6a;

  border-color: #66bb6a;

}



.color-checkbox input[type="checkbox"]:checked + label:after {

  opacity: 1;

}



.price.invo {

    font-size: 14px !important;

    color: #222;

    font-weight: 500 !important;

}



p.mb-0.feature-item i.fa {

    font-weight: 600 !important;

    font-size: 16px;

}



a.btn.btn-default.add_item_btn i.icon-plus {

    font-weight: bold;

}



a.btn.btn-default.add_item_btn {

    width: 100%;

    padding: 15px;

    background: #fff;

    font-size: 16px;

    color: #136acd;

    font-weight: bold;

    border: none !important;

}



a.btn.btn-default.add_item_btn:hover {

    background: #F2F4F7;

    border-radius: 0px;

}



.new-item td {

    border-bottom: 1px solid #ddd;

}



.delete-btn {

    position: relative;

    margin-right: 6px;

}



.delete {

    display: block;

    color: #fc4b6c;

    background: #f2dede;

    position: absolute;

    font-weight: bold;

    padding: 2px 9px;

    top: -8px;

    right: -9px;

    font-family: Verdana;

    font-size: 19px;

    border-radius: 50px;

    border: 1px solid #fff;

}



.delete:hover{

    color: #fc4b6c;

}



.row.inv-item {

    padding: 5px 0px;

    border-bottom: 1px solid #f1f1f1;

    cursor: pointer;

    margin-right: 0px;

    margin-left: 0px;

    min-height: 45px;

}



.row.inv-item:hover {

    background: #F2F4F7;

}



.main-inv-product{

    position: relative;

}

.inv-product {

    position: absolute;

    width: 80%;

    margin: 0px auto;

    box-shadow: 0 8px 30px rgb(77 101 117 / 15%);

    background: #fff;

    z-index: 99999;

    margin-left: auto;

    margin-right: auto;

    top: -36px;

    left: 0;

    right: 0;

    text-align: center;

}



.add-new-item {

    border-radius: 2px 2px 2px 2px !important;

    border: 0px;

    padding: 8px !important;

}

.invcus-table {

 

}





.invtem_top_3 {

    background: #2568ef;

    color: #fff !important;

}



.overhidden{

    overflow: hidden;

}



.cancel-inv {

    position: absolute;

    top: -15px;

    right: -15px;

    font-size: 22px;

    background: #f2dede;

    padding: 0px 11px;

    border-radius: 50%;

    cursor: pointer;

    color: #fc4b6c;

}



.cancel-inv:hover {

    color: #fff;

    background: #fc4b6c;

}



.no-br{

    border-radius: 0px !important;

}



.main {

    width: 50%;

    margin: 50px auto;

}



.btn-secondary, .btn-secondary.disabled {

    background: #ffffff;

    border: 1px solid #ddd;

    color: #727b84;

}



.btn-secondary.disabled:hover, .btn-secondary:hover {

    background: #727b84;

    color: #fff !important;

    border: 1px solid #727b84;

}





.rounded{

    border-radius: 25px !important;

}





/* Bootstrap text input with search icon */

.has-search .form-control {

    padding-left: 2.375rem;

}



.has-search .form-control-feedback {

    position: absolute;

    z-index: 2;

    display: block;

    width: 2.375rem;

    height: 2.375rem;

    line-height: 3.375rem;

    text-align: center;

    pointer-events: none;

    color: #aaa;

}



.form-group.has-search {

    padding: 15px 15px 0;

}



input.form-control.search_product {

    border-radius: 2px;

    height: 45px !important;

}



.btn-outline-info {

    color: #666;

    background-color: transparent;

    border: 2px solid #ddd;

}



.btn-outline-info:hover{

    background: #fff;

    border: 2px solid #2568ef;

    color: #2568ef;

}



.mr-10{

    margin-right: 10px;

}



.mb-20{

    margin-bottom: 20px;

}



span.style_border i.fa {

    font-size: 20px;

}

.panel-heading.inv {

    position: relative;

    padding: 0;

    border-bottom: 1px solid transparent;

    border-top-right-radius: 0.214rem;

    border-top-left-radius: 0.214rem;

    background: #fff;

    border-radius: 6px;

}



.panel.panel-default.inv {

    border: 0px solid #ddd;

    border-radius: 6px;

    margin-bottom: 20px;

    box-shadow: 0 .2rem .6rem rgba(0,0,0,.06) !important;

}



.panel-title.inv {

    display: block;

    margin-top: 0;

    margin-bottom: 0;

    padding: 12px 15px;

    font-size: 15px;

    color: #444 !important;

    font-weight: 500;

}



.box-body.inv {

    padding: 25px 0px 0px;

}



.inv-top-btn {

    margin-top: 8px;

}



.form-group.row {

    margin-bottom: 0.429rem;

}



.btn-group .btn ~ .dropdown-toggle {

    margin-left: -1px;

    padding-right: .8em;

    padding-left: .8em;

    border-left: 1px solid #ddd;

}



.card.inv {

    margin-bottom: 2.143rem;

    box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.09) !important;

    border: 1px solid #eaedf2 !important;

    border-radius: 10px;

}







thead.pre_head {

    color: #fff;

    background: #2568ef;

}



thead.pre_head2 {

    color: #333;

    background: #f7f9fc;

}



thead.pre_head_4 {

    color: #333;

}



tr.pre_head_tr th {

    color: #fff;

}



.inv_4_head_line {

    border-top: 3px solid #f1f1f1;

    position: relative;

}



.inv_4_head {

    width: 25%;

    text-align: center;

    background: #fafafa;

    border-radius: 50px;

    position: absolute;

    top: -3px;

    left: 50%;

    right: 50%;

    transform: translate(-50%, -50%);

    border: 3px solid #f2f2f2;

}



.row.bill_area {

    padding: 50px 30px;

}



.dropdown-menu.inv{

    position: absolute;

    transform: translate3d(159px, 30px, 0px);

    top: 0px;

    left: -159px !important;

    will-change: transform;

}



div#load_error {

    font-size: 15px;

    margin-top: 20px;

}



.label-light-default {

    background-color: #c7d3dc;

    color: #395260;

}



.label-light-success {

    background-color: #adf0cc;

    color: #14713f;

}



.label-light-warning {

    background-color: #fff8ec;

    color: #ffb22b;

}



.label-light-danger {

    background-color: #f2dede;

    color: #a94442;

}



.bg-pending{

    background: #fff8ec !important;

}





.bg-success{

    background: #adf0cc !important;

}



.br-10{

    border-radius: 10px !important

}

.small{

    font-weight: 500 !important;

}

.b-warning{

    border: 2px dashed #fcc525;

}

.label-light-info {

    background-color: #cfecfe;

    color: #2568ef;

}



.btn-rounded {

    border-radius: 60px;

    padding: 7px 18px;

}



.modal-dialog-centered {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    min-height: calc(100% - 1rem);

}



.modal.fade .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(.5);transform: translate(0,0)scale(.5);}

.modal.show .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(1);transform: translate(0,0)scale(1);}





.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover {

    color: #000;

    font-weight: 600;

    border-color: transparent;

    border-bottom-color: #2568ef;

    background: transparent;

}



span.label-count {

    background: #2568ef;

    color: #fff;

    font-weight: 600;

    padding: 3px 8px;

    border-radius: 500px;

    font-size: 12px;

    line-height: 1.4;

    margin-left: 4px;

    display: inline-block;

}



.close {

    float: right;

    font-size: 2.5rem;

    font-weight: 500;

    line-height: 1;

    color: #000;

    text-shadow: 0 1px 0 #fff;

    opacity: .5;

    text-decoration: none !important;

    cursor: pointer;

}





.biz-item {

    cursor: pointer;

    border: 1px solid #f1f1f1;

    border-radius: 10px;

    padding: 25px;

    min-height: 263px;

    box-shadow: 0 0 2px #ddd;

    margin: 15px;

    background: #fff;

    /* transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55); */

}



.biz-item:hover{

    border: 1px solid #f2f2f2;

    /*box-shadow: 0 2px 8px rgba(77,101,117,0.35);

    transform: translate3d(0, -10px, 0);*/

}



.biz-item span {

    font-size: 15px;

    font-weight: bold;

    background: #f2f4f6;

    border-radius: 30px;

    padding: 6px 20px;

    width: auto;

    margin: 0 auto;

    margin-bottom: 10px;

}



.biz-item.new-item {

    cursor: pointer;

    border: 1px dashed #ddd;

    border-radius: 10px;

    padding: 104px 0 104px;

    min-height: 150px;

    box-shadow: 0 0 2px #ddd;

    margin: 15px;

    background: #fff;

}



.biz-item.new-item:hover {

    background: #fafafa;

}



/*.list_area.container {

    background: #fff;

    padding: 20px 25px 25px;

    box-shadow: 0 0 0 0px rgba(63, 63, 68, 0.05), 0 2px 6px 0 rgba(63, 63, 68, 0.15);

    border-radius: 4px;

}*/



/*business logo upload*/



.avatar-uploadb {

    position: relative;

    max-width: 300px;

    margin: 0px auto;

}

.avatar-uploadb .avatar-edit {

    position: absolute;

    right: 12px;

    z-index: 1;

    top: 10px;

}

.avatar-uploadb .avatar-edit input {

  display: none;

}

.avatar-uploadb .avatar-edit input + label {

    display: inline-block;

    width: 35px;

    height: 35px;

    margin-bottom: 0;

    border-radius: 100%;

    background: #FFFFFF;

    border: 1px solid #f1f1f1;

    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);

    cursor: pointer;

    font-weight: normal;

    transition: all 0.2s ease-in-out;

}



.avatar-uploadb .avatar-edit input + label:after {

    content: "\f0ee";

    font-family: 'FontAwesome';

    color: #333;

    position: absolute;

    top: 8px;

    left: 2px;

    right: 0;

    text-align: center;

    margin: auto;

}

.avatar-uploadb .avatar-edit input + label:hover {

    background: #2568ef;

}



.avatar-uploadb .avatar-preview {

    width: 300px;

    height: 150px;

    position: relative;

    border-radius: 10px;

    border: 2px dashed #ddd;

}

.avatar-uploadb .avatar-preview > div {

  width: 100%;

  height: 100%;

  border-radius: 10px;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center;

}



p.upload-text {

    color: #999;

    font-size: 18px;

    position: absolute;

    top: 35%;

    left: 20%;

}



/*business logo upload*/











/*avatar upload*/



.avatar-upload {

  position: relative;

  max-width: 150px;

  margin: 0px auto;

}

.avatar-upload .avatar-edit {

  position: absolute;

  right: 12px;

  z-index: 1;

  top: 10px;

}

.avatar-upload .avatar-edit input {

  display: none;

}

.avatar-upload .avatar-edit input + label {

    display: inline-block;

    width: 30px;

    height: 30px;

    margin-bottom: 0;

    border-radius: 100%;

    background: #FFFFFF;

    border: 1px solid #f1f1f1;

    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);

    cursor: pointer;

    font-weight: normal;

    transition: all 0.2s ease-in-out;

}



.avatar-upload .avatar-edit input + label:after {

    content: "\f040";

    font-family: 'FontAwesome';

    color: #333;

    position: absolute;

    top: 3px;

    left: 3px;

    right: 0;

    text-align: center;

    margin: auto;

}

.avatar-upload .avatar-preview {

    width: 150px;

    height: 150px;

    position: relative;

    border-radius: 100%;

    border: 4px solid #F8F8F8;

    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);

}

.avatar-upload .avatar-preview > div {

  width: 100%;

  height: 100%;

  border-radius: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



/*avatar upload*/







.is_disable {

    opacity: 0.4;

    border: 1px solid #b2c2cd;

}







/*preloader*/



.lds-dual-ring {

  display: inline-block;

  width: 64px;

  height: 64px;

}

.lds-dual-ring:after {

  content: " ";

  display: block;

  width: 46px;

  height: 46px;

  margin: 1px;

  border-radius: 50%;

  border: 5px solid #fff;

  border-color: #fff transparent #fff transparent;

  animation: lds-dual-ring 1.2s linear infinite;

}

@keyframes lds-dual-ring {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}







.business_switch_panel {

    background: #fff;

    width: 400px;

    height: auto;

    min-height: 200px;

    margin: 10px;

    border-radius: 15px;

    box-shadow: 0 2px 2px rgba(0,0,0,0.02), 0 4px 44px 4px rgba(0,0,0,0.1);

    /*transition: left .3s ease, opacity .3s ease;*/

    -webkit-transition: -webkit-transform left .3s ease, opacity .3s ease;

    -moz-transition: -moz-transform left .3s ease, opacity .3s ease;

    -o-transition: -o-transform left .3s ease, opacity .3s ease;

    transition: transform left .3s ease, opacity .3s ease;

    position: absolute;

    top: -15px;

    z-index: 9999;

}



.buss_switch_panel_header {

    padding: 20px 15px;

}



.buss_switch_panel_body {

    padding: 15px;

}



.switcher_business_menu {

    list-style: none;

    width: 100%;

    margin: 0 0 15px;

    padding: 0;

    max-height: 315px;

    overflow-y: auto;

    border-bottom: 1px solid #f1f1f1;

}



a.new_business_link {

    display: block;

    padding: 5px 5px;

    color: #555;

    font-size: 14px;

}



a.new_business_link i {

    font-size: 20px;

    margin-right: 10px;

    vertical-align: middle;

    text-decoration: none;

}



a.new_business_link span:hover {

    color: #2568ef;

}



span.business_close {

    font-size: 38px;

    font-weight: 100;

    position: absolute;

    top: 2px;

    right: 15px;

    cursor: pointer;

    color: #d7e0ea;

}



span.business_close:hover {

    color: #555;

}



span.buss-arrow {

    margin: 9px -1px;

    font-size: 16px;

}



.buss_switch_panel_header span.acc {

    position: absolute;

    top: 25px;

    left: 52px;

}



.switcher_business_menu li {

    line-height: normal;

    margin: 2px 0px;

}



.switcher_business_menu li:hover {

    background: #F2F4F7;

}



li.business_menu_item.default {

    background: #F2F4F7;

}



.business_menu_item {

    position: relative;

    vertical-align: middle;

    margin: 0;

    border-radius: 4px;

}



.business_menu_item_link {

    display: block;

    padding: 4px 16px;

    font-size: 20px;

    text-decoration: none;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    cursor: pointer;

    outline: none;

    color: inherit;

    background-color: transparent;

    padding: 10px 10px;

    border-radius: 4px;

    text-overflow: initial;

    color: #333;

}

.business_menu_item_link:hover {

    color: #333;

}



.invoice-vertical-line {

    margin: -31px 0 -11px 48px;

    border: 2px solid #b2c2cd;

    height: 43px;

    width: 0;

}





/*pulse animation pointer*/

.circler {

  width: 15px;

  height: 15px;

  border-radius: 100%;

  position: absolute;

  right: 0;

}

.circle {

  width: 15px;

  height: 15px;

  border-radius: 100%;

  position: absolute;

  left: 0;

}

.circle-blue {

  background-color: #23c770;

  -webkit-animation: pulse-blue 2s linear infinite;

          animation: pulse-blue 2s linear infinite;

  box-shadow: 0 0 0 0 rgba(35,199,112,0.4);

  -webkit-transform: scale(1);

          transform: scale(1);

}



@-webkit-keyframes pulse-blue {

  0% {

    -webkit-transform: scale(0.95);

            transform: scale(0.95);

    box-shadow: 0 0 0 0 rgba(35,199,112,0.4);

  }

  70% {

    -webkit-transform: scale(1);

            transform: scale(1);

    box-shadow: 0 0 0 20px rgba(0, 123, 255, 0);

  }

  100% {

    -webkit-transform: scale(0.95);

            transform: scale(0.95);

    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);

  }

}

@keyframes pulse-blue {

  0% {

    -webkit-transform: scale(0.95);

            transform: scale(0.95);

    box-shadow: 0 0 0 0 rgba(35,199,112,0.4);

  }

  70% {

    -webkit-transform: scale(1);

            transform: scale(1);

    box-shadow: 0 0 0 20px rgba(0, 123, 255, 0);

  }

  100% {

    -webkit-transform: scale(0.95);

            transform: scale(0.95);

    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);

  }

}

/*pulse animation pointer*/





.circle1 {

  width: 55px;

  height: 55px;

  border-radius: 100%;

  position: absolute;

}

.circle-blue1 {

  background-color: #23c770;

  -webkit-animation: pulse-blue1 2s linear infinite;

          animation: pulse-blue1 2s linear infinite;

  box-shadow: 0 0 0 0 rgba(35,199,112,0.4);

  -webkit-transform: scale(1);

          transform: scale(1);

}



@-webkit-keyframes pulse-blue1 {

  0% {

    -webkit-transform: scale(0.95);

            transform: scale(0.95);

    box-shadow: 0 0 0 0 #92afeb;

  }

  70% {

    -webkit-transform: scale(1);

            transform: scale(1);

    box-shadow: 0 0 0 20px rgba(0, 123, 255, 0);

  }

  100% {

    -webkit-transform: scale(0.95);

            transform: scale(0.95);

    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);

  }

}

@keyframes pulse-blue1 {

  0% {

    -webkit-transform: scale(0.95);

            transform: scale(0.95);

    box-shadow: 0 0 0 0 #92afeb;

  }

  70% {

    -webkit-transform: scale(1);

            transform: scale(1);

    box-shadow: 0 0 0 20px rgba(0, 123, 255, 0);

  }

  100% {

    -webkit-transform: scale(0.95);

            transform: scale(0.95);

    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);

  }

}

/*pulse animation pointer*/









.tooltip {

  font-family: 'Open Sans', sans-serif;

  font-size: 14px;

  font-weight: 500

}

.tooltip .tooltip-inner {

}









.spinner,

.spinner-inverse,

.spinner-btn-sm {

    border-style: solid;

    border-radius: 50%;

    border-color: #ecf0f3;

    border-right-color: #136acd;

    border-width: 2px;

    font-size: 22px;

    width: 18px;

    height: 18px;

    margin-left: 20px;

    margin-right: 10px;

    display: inline-block;

    vertical-align: middle;

    box-sizing: border-box;

    -webkit-animation: spin-animation .9s linear infinite;

    animation: spin-animation .9s linear infinite;

}





.spinner,

.spinner-inverse,

.spinner-sm {

    border-style: solid;

    border-radius: 50%;

    border-color: #ecf0f3;

    border-right-color: #136acd;

    /* border-top-color:#136acd; */

    border-width: 2px;

    font-size: 22px;

    width: 18px;

    height: 18px;

    margin-left: 20px;

    margin-right: 20px;

    display: inline-block;

    vertical-align: middle;

    box-sizing: border-box;

    -webkit-animation: spin-animation .9s linear infinite;

    animation: spin-animation .9s linear infinite;

}



.spinner,

.spinner-inverse,

.spinner-md {

    border-style: solid;

    border-radius: 50%;

    border-color: #ecf0f3;

    border-right-color: #136acd;

    /* border-top-color:#136acd; */

    border-width: 4px;

    font-size: 22px;

    width: 52px;

    height: 52px;

    display: inline-block;

    vertical-align: middle;

    box-sizing: border-box;

    -webkit-animation: spin-animation .9s linear infinite;

    animation: spin-animation .9s linear infinite;

}



.spinner,

.spinner-inverse,

.spinner-lg {

    border-style: solid;

    border-radius: 50%;

    border-color: #ecf0f3;

    border-right-color: #136acd;

    /* border-top-color:#136acd; */

    border-width: 6px;

    font-size: 22px;

    width: 72px;

    height: 72px;

    display: inline-block;

    vertical-align: middle;

    box-sizing: border-box;

    -webkit-animation: spin-animation .9s linear infinite;

    animation: spin-animation .9s linear infinite;

}





.spinner,

.spinner-inverse,

.spinner-llg {

    border-style: solid;

    border-radius: 50%;

    border-color: #ecf0f3;

    border-right-color: #2568ef;

    /* border-top-color:#136acd; */

    border-width: 4px;

    font-size: 22px;

    width: 72px;

    height: 72px;

    display: inline-block;

    vertical-align: middle;

    box-sizing: border-box;

    -webkit-animation: spin-animation .9s linear infinite;

    animation: spin-animation .9s linear infinite;

}



@-webkit-keyframes spin-animation {

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes spin-animation {

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



/*preloader end*/



a.d-block:hover {

    text-decoration: underline;

    color: #333;

}



.dash-package {

    padding: 22px;

    width: 100%;

}



.bx {

    font-size: 1.2rem;

}



.d-block{

    display: block !important;

}





.btn-lgr {

    font-size: 15px;

    padding: 10px 30px !important;

    border-radius: 2px !important;

}



/*position: absolute; transform: translate3d(513px, 41px, 0px); top: 0px; left: 0px; will-change: transform;*/



/*Floating Action Button*/

#floating-container {

  position: fixed;

  width: 70px;

  height: 70px;

  bottom: 10px;

  right: 35px;

  z-index: 50;

}



#floating-container .floating-menus > div {

  position: fixed;

  right: 50px;

  background-color: #2568ef;

  color: #fff !important;

  border-radius: 50px;

  box-shadow: 0px 1px 2px #B0BEC5;

}



#floating-container .floating-menus > div:hover {

  background: #1054dd;

}



#floating-container .floating-menus > div a {

    color: #fff !important;

    font-size: 13px;

    font-weight: 600;

    margin-left: 5px;

    padding: 10px 10px;

    line-height: 37px;

}



.floating-menus div i {

    margin: 0 2px 0 7px;

}



#floating-container .floating-menus > div:nth-of-type(1){

  bottom: 90px;

  animation: findcon 0.1s linear;

}

#floating-container .floating-menus > div:nth-of-type(2){

  bottom: 135px;

  animation: viewlist 0.125s linear;

}

#floating-container .floating-menus > div:nth-of-type(3){

  bottom: 180px;

  animation: addlist 0.135s linear;

}

#floating-container .floating-menus > div:nth-of-type(4){

  bottom: 225px;

  animation: people 0.140s linear;

}

#floating-container .floating-menus > div:nth-of-type(5){

  bottom: 270px;

  animation: invite 0.155s linear;

}

#floating-container .floating-menus > div:nth-of-type(6){

  bottom: 315px;

  animation: onlineuser 0.165s linear;

}

#floating-container .floating-menus > div:nth-of-type(7){

  bottom: 355px;

  animation: activities 0.175s linear;

}



#floating-container .fab-button {

    position: absolute;

    color: #fff;

    padding: 17px 21px;

    border-radius: 50%;

    background-color: #2568ef;

    cursor: pointer;

    webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);

    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);

}



#floating-container .fab-button:hover {

  background: #1054dd;

  color: #fff;

}



@keyframes findcon {

  from {bottom:80px;}

  to {bottom: 90px;}

}

@keyframes viewlist {

  from {bottom:80px;}

  to {bottom: 125px;}

}

@keyframes addlist {

  from {bottom:80px;}

  to {bottom: 160px;}

}

@keyframes people {

  from {bottom:80px;}

  to {bottom: 195px;}

}

@keyframes invite {

  from {bottom:80px;}

  to {bottom: 230px;}

}

@keyframes onlineuser {

  from {bottom:80px;}

  to {bottom: 265px;}

}

@keyframes activities {

  from {bottom:80px;}

  to {bottom: 300px;}

}





.success{

    color: #28a745;

}







tr.pre_head_tr th {

    color: #fff !important;

}



.signin_btn {

    padding: 0.8rem .95rem;

}



span.bus_name {

    position: relative;

    top: 3px;

    left: 10px;

}



.reprt-box {

    background: #fff;

    border-radius: 10px;

    padding: 20px 20px !important;

    margin: 0px;

    box-shadow: 0 .15rem 1rem rgba(0,0,0,.09) !important;

}



::placeholder{

    color: #666 !important;

}

button.btn.btn-info.btn-report {

    padding: 12px 25px;

    border-radius: 4px;

    font-size: 13px;

}



.reset-report {

    padding: 12px 25px;

    border-radius: 4px;

    font-size: 13px;

}



.cusbtn {

    padding: 12px 25px;

    border-radius: 4px;

    font-size: 15px;

}



.spinners {

  margin: 0px auto 0;

  width: 70px;

  text-align: center;

}



.spinners > div {

  width: 14px;

  height: 14px;

  background-color: #fff;



  border-radius: 100%;

  display: inline-block;

  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;

  animation: sk-bouncedelay 1.4s infinite ease-in-out both;

}



.spinners .bounce1 {

  -webkit-animation-delay: -0.32s;

  animation-delay: -0.32s;

}



.spinners .bounce2 {

  -webkit-animation-delay: -0.16s;

  animation-delay: -0.16s;

}



@-webkit-keyframes sk-bouncedelay {

  0%, 80%, 100% { -webkit-transform: scale(0) }

  40% { -webkit-transform: scale(1.0) }

}



@keyframes sk-bouncedelay {

  0%, 80%, 100% { 

    -webkit-transform: scale(0);

    transform: scale(0);

  } 40% { 

    -webkit-transform: scale(1.0);

    transform: scale(1.0);

  }

}





/* Animation Right to Left */

@keyframes fadeRightLeft {

  from {

    opacity: 0;

    transform: translate3d(30%, 0, 0);

  }

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0);

  }

}

.animate-rtl {

  float: right;

  animation-name: fadeRightLeft;

  animation-duration: .2s;

  animation-fill-mode: both;

}





/* Animation Left to Right */

@keyframes fadeLeftRight {

  from {

    opacity: 0;

    transform: translate3d(-20%, 0, 0);

  }

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0);

  }

}



.animate-ltr {

  animation-name: fadeLeftRight;

  animation-duration: .2s;

  animation-fill-mode: both;

}







/* Animation Left to Right */

@keyframes fadeTopBottom {

  from {

    opacity: 0;

    transform: translate3d(-20%, 0, 0, 0);

  }

  to {

    opacity: 1;

    transform: translate3d(0, 0, 0, 0);

  }

}



.animate-ttb {

  animation-name: fadeTopBottom;

  animation-duration: .5s;

  animation-fill-mode: both;

}







.dash-info {

    background: #fff;

    padding: 10px 30px;

    border: 1px solid #f1f1f1;

    border-radius: 4px;

    margin-bottom: 20px

    -webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,0.10);

    -moz-box-shadow: 0 0 15px -5px rgba(0,0,0,0.10);

    box-shadow: 0 0 15px -5px rgba(0,0,0,0.10);

}



.ico-wrap {

    margin-top: 3px;

    text-align: center;

    padding: 19px 20px;

    border-radius: 50px;

    box-shadow: 0 0 27px #ddd;

    color: #fff !important;

}



.ico-wrap i {

    font-size: 30px;

}



.total-wrap {

    padding: 10px 0;

}



.total-wrap span {

    font-size: 30px;

    color: #222;

}



.total-wrap p {

    font-size: 13px;

    color: #555;

    margin: 0;

    text-transform: uppercase;

    font-weight: bold;

}



.monthly_btn{

    cursor: pointer;

}



.yearly_btn{

    cursor: pointer;

}





.bg-blue{ background: #007bff !important; }

.bg-indigo{ background: #6610f2 !important; }

.bg-purple{ background: #6f42c1 !important; }

.bg-pink{ background: #e83e8c !important; }

.bg-red{ background: #dc3545 !important; }

.bg-orange{ background: #fd9b78 !important; }

.bg-yellow{ background: #ffc107 !important; }

.bg-green{ background: #53d56c !important; }

.bg-teal{ background: #20c997 !important; }

.bg-cyan{ background: #17a2b8 !important; }

.bg-white{ background: #fff !important; }

.bg-gray{ background: #6c757d !important; }

.bg-gray-dark{ background: #343a40 !important; }

.bg-primary{ background: #26c0d6 !important; }

.bg-secondary{ background: #6c757d !important; }

.bg-success{ background: #28a745 !important; }

.bg-info{ background: #17a2b8 !important; }

.bg-warning{ background: #ffbb44 !important; }

.bg-danger{ background: #dc3545 !important; }

.bg-light{ background: #f8f9fa !important; }

.bg-dark{ background: #343a40 !important; }

.bg-mlight {background: #f1f1f1 !important;}

.bg-blight {background: #f7f9fc !important;}







.readonly-top-bar {

    min-width: 100%;

    background: #FFF;

    border-top: 1px solid #D0DBE1;

    border-bottom: 1px solid #D0DBE1;

    line-height: 50px;

    text-align: center;

    margin-bottom: 30px;

    font-size: 18px;

}



.readonly-top-bar i.fa {

    font-size: 8px;

    vertical-align: middle;

    margin: 10px;

    color: #777;

}



.readonly-title {

    min-width: 100%;

    border-top: 1px solid #D0DBE1;

    background: #F2F4F7;

    padding: 20px 0;

    text-align: center;

    margin: 0!important;

}



.h-400{

    height: 400px !important;

}

.c-555{

    color: #555;

}

.pt-300{

    padding-top: 300px !important;

}



.p-200{

    padding: 200px !important;

}



.pt-200{

    padding-top: 200px !important;

}



.mt-100{

    margin-top: 100px !important;

}

.mt-250{

    margin-top: 250px !important;

}

.mt--50{

    margin-top: -50px !important;

}



.mb-100{

    margin-bottom: 100px !important;

}



.wd-100{

    width: 100% !important;

}

.fs-40{

    font-size: 40px !important;

}

.fs-30{

    font-size: 30px !important;

}

.lh-34{

    line-height: 34px !important;

}



.min-w80{

    min-width: 80px;

}

.max-w80{

    max-width: 80px

}



.min-h200{

    min-height: 200px;

}





.readonly-top-bar {

    min-width: 100%;

    background: #FFF;

    border-top: 1px solid #D0DBE1;

    border-bottom: 1px solid #D0DBE1;

    line-height: 50px;

    text-align: center;

    margin-bottom: 30px;

    font-size: 18px;

}



.readonly-top-bar i.fa {

    font-size: 8px;

    vertical-align: middle;

    margin: 10px;

    color: #777;

}



.readonly-title {

    min-width: 100%;

    border-bottom: 1px solid #D0DBE1;

    background: #F2F4F7;

    padding: 20px 0;

    text-align: center;

}





#packagePie{

    min-width: 210px; 

    height: 300px; 

    max-width: 600px; 

    margin: 0 auto;

}



#incomeChart{

    width:100%; 

    height:400px;

}

    

#adminIncomeChart{

    width:100%; 

    height:400px;

}



.nav-tabs.admin {

    width: 100%;

    margin: 0 auto !important;

}



.nav-tabs.admin.pkg {

    width: 50%;

    margin: 0 auto !important;

}



.dropdown-menu.st{

    position: absolute; 

    transform: translate3d(0px, 37px, 0px);

    top: 0px;

    left: 0px; 

    will-change: transform;

}



.c-1038{

    color: #1e88e5 !important;

}



.btn.btn-default.btn-block.custom_search {

    border: 1px solid #dbdbdb !important;

    border-radius: 2px;

    color: #333;

    font-size: 23px;

    background: #ecf0f3;

}



input.inv-dpick.form-control.datepicker {

    height: 45px;

    padding-left: 10px;

}

/*payment style*/



.pipanel{

    border-radius: 10px;

}

.price.panel-red>.panel-heading {

    color: #009cde;

    background-color: #fff;

    margin: 0;

    padding: 5px;

}   

.price.panel-red>.panel-body {

    color: #333;

    background-color: #fff;

}

.price .list-group-item{

    border-bottom-:1px solid rgba(250,250,250, .5);

}

.panel.price .list-group-item:last-child {

    border-bottom-right-radius: 0px;

    border-bottom-left-radius: 0px;

}

.panel.price .list-group-item:first-child {

    border-top-right-radius: 0px;

    border-top-left-radius: 0px;

}

.price .panel-footer {

    color: #fff;

    border-bottom:0px;

    background-color: #f1f1f1

    box-shadow: 0px 3px 0px rgba(0,0,0, .3);

}

.panel.price .btn{

    box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;

    border:0px;

}

.pay-box{

    width: 50%;

    margin: 150px auto;

}

.btn-infocs {

    color: #fff;

    background-color: #009cde !important;

    background-image: none;

    border: none !important;

    cursor: pointer !important;

}

.success{

    color: #28a745;

}



/*payment style*/





.pro-scroll{

    max-height: 220px;

    overflow-y: scroll;

}





@media print {

    .print_area{

        page-break-after: avoid !important;

        margin: 10px;

    }



    html, body {

      height:100vh; 

      margin: 0 !important; 

      padding: 0 !important;

     /* overflow: hidden;*/

    }



    .tables.pull-right{

        margin-top: -100px;

    }



    .card.inv {

        box-shadow:none !important;

        border: 0px !important;

        page-break-after: avoid !important;

    }



    .invoice_save_area{

        page-break-after: avoid !important;

        border: none;

    }



    thead.pre_head {

        color: #fff !important;

        background: #2568ef !important;

    }



    tr.pre_head_tr th {

        color: #222 !important;

    }



    tr.pre_head_trs th p {

        color: #444 !important;

    }

}





@page { size: auto;  margin: 0mm; }





.signin_btn {

    padding: 0.8rem .95rem;

    border-radius: 4px;

    background: #007bff;

    font-size: 16px;

    margin-bottom: 20px;

    font-weight: 500;

}



.signin_btn:hover {

    color: #fff;

    border: 2px solid #0062cc;

    background: #0069d9;

}





.row.report_info p {

    font-size: 15px;

    line-height: 14px;

    color: #333;

}



.row.report_info p span {

    font-weight: bold;

}



span.price_year {

    font-size: 20px;

    font-weight: 500;

}



span.price_month {

    font-size: 20px;

    font-weight: 500;

}



.exlh h5{

    line-height: 88px;

}



label.btn.btn-info.toggle-on {

    color: #fff;

}



.toggle-handle {

    background: #f1f1f1 !important;

    width: 62px !important;

}



.soft-success {

    color: #00c9a7;

    background: rgba(0, 201, 167, 0.1);

    border-color: transparent;

}

.soft-danger {

    color: #de4437;

    background: rgba(222, 68, 55, 0.1);

    border-color: transparent;

}



.dp{

    padding: 4px 10px;

}



.price-off{ 

  font-size: 25px;

  color: #de4437;

  text-decoration: line-through;

  margin-right: 10px;

}



.invbiz p {

    margin-bottom: 0px !important;

}



.mb--15{

    margin-bottom: -15px;

}



.row.invinfo_area {

    margin: 0px 30px;

    border-radius: 4px;

    padding-top: 10px;

}



.invinfo6_area {

    background: #F2F4F7;

    margin: 0px 35px;

    border-radius: 4px;

    padding-top: 10px;

    margin-bottom: 20px;

}



p.lowp {

    color: #fff;

    border-top: 1px solid #ddd;

    padding-top: 10px;

}



.lowp6 {

    color: #333;

    border-top: 1px solid #ddd;

    padding-top: 5px;

    margin-bottom: 0;

}



.rows.bill_area {

    padding: 35px;

}



.bill_area {

    font-size: 14px;

    color: #222;

}





.footer3.p-15 {

    display: flex;

    align-items: center;

    justify-content: center;

}



.imgf3 {

    width: 130px;

    margin-right: 35px;

    flex: 0 0 120px;

}



.imgf3 img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.invtem_top_3{

    display: flex;

    align-items: center;

    justify-content: space-between;

}



h1.mb-1.text-uppercase.text-white {

    font-size: calc(12px + 1.3vw);

}



.flex-parent-between{

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.inv6 h3 {

    font-size: calc(12px + .6vw);

}

.inv6 img {

    width: 50%;

}



.flex-parent-between.inv6-header {

    padding: 30px 35px;

}



.flex-parent-between.invtem_top_2 {

    padding: 20px 35px;

}



.redup p{

    margin: 0px !important;

    padding: 0px !important;

}



.qr_code_md {

    width: 80px;

    opacity: .8;

    background: #ddd;

    border: 1px solid #ddd;

    border-radius: 4px;

}



.qr_code_sm {

    width: 50px !important;

    opacity: .8;

    background: #ddd;

    border: 1px solid #ddd;

    border-radius: 4px;

}



span.alterlogo {

    font-size: 40px;

    font-weight: 500;

    color: #ddd;

    padding-left: 6px;

}



.form-control:focus {

    background-color: #fff;

    border-color: #3383ff;

    box-shadow: 0 0 0 0.2rem rgb(51 131 255 / 25%);

    color: #4f4f4f;

    outline: 0;

}



.shadow-lg{

    box-shadow: 0 .2rem 1.5rem rgba(0,0,0,.06) !important;

}



.shadow-md {

    box-shadow: 0 .15rem 1.5rem rgba(0,0,0,.09) !important;

}



#preloader {

    position: fixed;

    width: 100%;

    height: 100vh;

    background: #fff;

    z-index: 9999;

}







.bbt-1{

    border-top: 1px solid #888 !important;

    border-bottom: 2px solid #888 !important;

}

.profit-and-loss-report {

    display: flex;

    justify-content: space-between;

    align-items: center;

    text-align: center;

}



.profit-and-loss-single {

    width: 100%;

}



.profit-and-loss-seperater {

    width: 20px;

    margin: 0;

    align-self: flex-end;

}



.seperater-minus {

    font-size: 26px;

    line-height: 2.4;

    font-weight: bold;

}



.fs-40{

    font-size: 40px !important;

    font-weight: normal;

}



.fs-20{

    font-size: 20px !important;

    font-weight: normal;

}



.fs-25{

    font-size: 25px !important;

    font-weight: normal;

}



.fs-30{

    font-size: 30px !important;

    font-weight: normal;

}



.row-bg-report {

    background: #F0F4F7;

    padding: 10px 15px;

}



.profit-and-loss-single p {

    font-size: 18px;

    font-size: calc(12px + .4vw) !important;

}



.profit-and-loss-single h1 {

    font-size: 18px;

    font-size: calc(14px + 1.3vw) !important;

}





.preloader {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 99999;

    display: flex;

    flex-flow: row nowrap;

    justify-content: center;

    align-items: center;

    background: none repeat scroll 0 0 #ffffff;

  }



.vr {

    margin-top: 0rem;

    margin-bottom: 0rem;

    border: 0;

    border-top: 1px solid #f2f2f2;

    display: block;

}



.brd-30{

    border-radius: 30px !important;

}



.error.text-danger {

    background: rgba(220,53,69,.1) !important;

    padding: 10px;

    border-radius: 4px;

    font-size: 14px;

}





.inv-pl30 th  {

    padding-left: 30px !important;

}



.t78 td{

    padding-left: 30px !important;

}



table.tables tbody tr td {

    font-size: 14px;

    color: #222;

}



.w-30{

    width: 30% !important;

}



.text-muteds{

    font-weight: 500;

}



.report_type{

    width: 100% !important;

}



ul.nav.nav-pills.text-center.m-auto li.nav-item {

    width: 23%;

    background: rgba(40,110,251,.1);

    color: #286efb;

    margin-right: 10px;

}



table.cushover {

    background: #fff;

    border-radius: 10px;

    box-shadow: 0 .65rem 1.5rem rgba(0,0,0,.09) !important;

    margin-top: 20px;

}



.dshadow {

    background: #fff;

    border-radius: 10px;

    box-shadow: 0 .65rem 1.5rem rgba(0,0,0,.09) !important;

    margin-top: 20px;

}



.smshadow {

    background: #fff;

    border-radius: 10px;

    box-shadow: 0 .15rem .2rem rgba(0,0,0,.09) !important;

    margin-top: 20px;

}



/*toggles*/

.btn-toggle {

  margin: 0 4rem;

  padding: 0;

  position: relative;

  border: none;

  height: 1.5rem;

  width: 3rem;

  border-radius: 1.5rem;

  color: #6b7381;

  background: #bdc1c8;

}

.btn-toggle:focus,

.btn-toggle.focus,

.btn-toggle:focus.active,

.btn-toggle.focus.active {

  outline: none;

}

.btn-toggle:before,

.btn-toggle:after {

  line-height: 1.5rem;

  width: 4rem;

  text-align: center;

  font-weight: 600;

  font-size: 0.75rem;

  text-transform: uppercase;

  letter-spacing: 2px;

  position: absolute;

  bottom: 0;

  transition: opacity 0.25s;

}

.btn-toggle:before {

  content: 'Off';

  left: -4rem;

}

.btn-toggle:after {

  content: 'On';

  right: -4rem;

  opacity: 0.5;

}

.btn-toggle > .handle {

  position: absolute;

  top: 0.1875rem;

  left: 0.1875rem;

  width: 1.125rem;

  height: 1.125rem;

  border-radius: 1.125rem;

  background: #fff;

  transition: left 0.25s;

}

.btn-toggle.active {

  transition: background-color 0.25s;

}

.btn-toggle.active > .handle {

  left: 1.6875rem;

  transition: left 0.25s;

}

.btn-toggle.active:before {

  opacity: 0.5;

}

.btn-toggle.active:after {

  opacity: 1;

}

.btn-toggle.btn-sm:before,

.btn-toggle.btn-sm:after {

  line-height: -0.5rem;

  color: #fff;

  letter-spacing: 0.75px;

  left: 0.4125rem;

  width: 2.325rem;

}

.btn-toggle.btn-sm:before {

  text-align: right;

}

.btn-toggle.btn-sm:after {

  text-align: left;

  opacity: 0;

}

.btn-toggle.btn-sm.active:before {

  opacity: 0;

}

.btn-toggle.btn-sm.active:after {

  opacity: 1;

}

.btn-toggle.btn-xs:before,

.btn-toggle.btn-xs:after {

  display: none;

}

.btn-toggle:before,

.btn-toggle:after {

  color: #6b7381;

}

.btn-toggle.active {

  background-color: #28a745;

}

.btn-toggle.btn-lg {

  margin: 0 5rem;

  padding: 0;

  position: relative;

  border: none;

  height: 2.5rem;

  width: 5rem;

  border-radius: 2.5rem;

}

.btn-toggle.btn-lg:focus,

.btn-toggle.btn-lg.focus,

.btn-toggle.btn-lg:focus.active,

.btn-toggle.btn-lg.focus.active {

  outline: none;

}

.btn-toggle.btn-lg:before,

.btn-toggle.btn-lg:after {

  line-height: 2.5rem;

  width: 5rem;

  text-align: center;

  font-weight: 600;

  font-size: 1rem;

  text-transform: uppercase;

  letter-spacing: 2px;

  position: absolute;

  bottom: 0;

  transition: opacity 0.25s;

}

.btn-toggle.btn-lg:before {

  content: 'Off';

  left: -5rem;

}

.btn-toggle.btn-lg:after {

  content: 'On';

  right: -5rem;

  opacity: 0.5;

}

.btn-toggle.btn-lg > .handle {

  position: absolute;

  top: 0.3125rem;

  left: 0.3125rem;

  width: 1.875rem;

  height: 1.875rem;

  border-radius: 1.875rem;

  background: #fff;

  transition: left 0.25s;

}

.btn-toggle.btn-lg.active {

  transition: background-color 0.25s;

}

.btn-toggle.btn-lg.active > .handle {

  left: 2.8125rem;

  transition: left 0.25s;

}

.btn-toggle.btn-lg.active:before {

  opacity: 0.5;

}

.btn-toggle.btn-lg.active:after {

  opacity: 1;

}

.btn-toggle.btn-lg.btn-sm:before,

.btn-toggle.btn-lg.btn-sm:after {

  line-height: 0.5rem;

  color: #fff;

  letter-spacing: 0.75px;

  left: 0.6875rem;

  width: 3.875rem;

}

.btn-toggle.btn-lg.btn-sm:before {

  text-align: right;

}

.btn-toggle.btn-lg.btn-sm:after {

  text-align: left;

  opacity: 0;

}

.btn-toggle.btn-lg.btn-sm.active:before {

  opacity: 0;

}

.btn-toggle.btn-lg.btn-sm.active:after {

  opacity: 1;

}

.btn-toggle.btn-lg.btn-xs:before,

.btn-toggle.btn-lg.btn-xs:after {

  display: none;

}

.btn-toggle.btn-sm {

  margin: 0 0.5rem;

  padding: 0;

  position: relative;

  border: none;

  height: 1.5rem;

  width: 3rem;

  border-radius: 1.5rem;

}

.btn-toggle.btn-sm:focus,

.btn-toggle.btn-sm.focus,

.btn-toggle.btn-sm:focus.active,

.btn-toggle.btn-sm.focus.active {

  outline: none;

}

.btn-toggle.btn-sm:before,

.btn-toggle.btn-sm:after {

  line-height: 1.5rem;

  width: 0.5rem;

  text-align: center;

  font-weight: 600;

  font-size: 0.55rem;

  text-transform: uppercase;

  letter-spacing: 2px;

  position: absolute;

  bottom: 0;

  transition: opacity 0.25s;

}

.btn-toggle.btn-sm:before {

  content: 'Off';

  left: -0.5rem;

}

.btn-toggle.btn-sm:after {

  content: 'On';

  right: -0.5rem;

  opacity: 0.5;

}

.btn-toggle.btn-sm > .handle {

  position: absolute;

  top: 0.1875rem;

  left: 0.1875rem;

  width: 1.125rem;

  height: 1.125rem;

  border-radius: 1.125rem;

  background: #fff;

  transition: left 0.25s;

}

.btn-toggle.btn-sm.active {

  transition: background-color 0.25s;

}

.btn-toggle.btn-sm.active > .handle {

  left: 1.6875rem;

  transition: left 0.25s;

}

.btn-toggle.btn-sm.active:before {

  opacity: 0.5;

}

.btn-toggle.btn-sm.active:after {

  opacity: 1;

}

.btn-toggle.btn-sm.btn-sm:before,

.btn-toggle.btn-sm.btn-sm:after {

  line-height: -0.5rem;

  color: #fff;

  letter-spacing: 0.75px;

  left: 0.4125rem;

  width: 2.325rem;

}

.btn-toggle.btn-sm.btn-sm:before {

  text-align: right;

}

.btn-toggle.btn-sm.btn-sm:after {

  text-align: left;

  opacity: 0;

}

.btn-toggle.btn-sm.btn-sm.active:before {

  opacity: 0;

}

.btn-toggle.btn-sm.btn-sm.active:after {

  opacity: 1;

}

.btn-toggle.btn-sm.btn-xs:before,

.btn-toggle.btn-sm.btn-xs:after {

  display: none;

}

.btn-toggle.btn-xs {

  margin: 0 0;

  padding: 0;

  position: relative;

  border: none;

  height: 1rem;

  width: 2rem;

  border-radius: 1rem;

}

.btn-toggle.btn-xs:focus,

.btn-toggle.btn-xs.focus,

.btn-toggle.btn-xs:focus.active,

.btn-toggle.btn-xs.focus.active {

  outline: none;

}

.btn-toggle.btn-xs:before,

.btn-toggle.btn-xs:after {

  line-height: 1rem;

  width: 0;

  text-align: center;

  font-weight: 600;

  font-size: 0.75rem;

  text-transform: uppercase;

  letter-spacing: 2px;

  position: absolute;

  bottom: 0;

  transition: opacity 0.25s;

}

.btn-toggle.btn-xs:before {

  content: 'Off';

  left: 0;

}

.btn-toggle.btn-xs:after {

  content: 'On';

  right: 0;

  opacity: 0.5;

}

.btn-toggle.btn-xs > .handle {

  position: absolute;

  top: 0.125rem;

  left: 0.125rem;

  width: 0.75rem;

  height: 0.75rem;

  border-radius: 0.75rem;

  background: #fff;

  transition: left 0.25s;

}

.btn-toggle.btn-xs.active {

  transition: background-color 0.25s;

}

.btn-toggle.btn-xs.active > .handle {

  left: 1.125rem;

  transition: left 0.25s;

}

.btn-toggle.btn-xs.active:before {

  opacity: 0.5;

}

.btn-toggle.btn-xs.active:after {

  opacity: 1;

}

.btn-toggle.btn-xs.btn-sm:before,

.btn-toggle.btn-xs.btn-sm:after {

  line-height: -1rem;

  color: #fff;

  letter-spacing: 0.75px;

  left: 0.275rem;

  width: 1.55rem;

}

.btn-toggle.btn-xs.btn-sm:before {

  text-align: right;

}

.btn-toggle.btn-xs.btn-sm:after {

  text-align: left;

  opacity: 0;

}

.btn-toggle.btn-xs.btn-sm.active:before {

  opacity: 0;

}

.btn-toggle.btn-xs.btn-sm.active:after {

  opacity: 1;

}

.btn-toggle.btn-xs.btn-xs:before,

.btn-toggle.btn-xs.btn-xs:after {

  display: none;

}

.btn-toggle.btn-secondary {

  color: #6b7381;

  background: #bdc1c8;

}

.btn-toggle.btn-secondary:before,

.btn-toggle.btn-secondary:after {

  color: #6b7381;

}

.btn-toggle.btn-secondary.active {

  background-color: #ff8300;

}



/*toggles end*/





.right_role_area {

    border-left: 1px solid #efefef;

}



/*.permission_list {

    border: 2px solid #f1f1f1;

    padding: 20px;

    border-radius: 6px;

    margin: 20px 0;

}*/



.permission_list div.form-group {

    border: 1px solid #ddd;

    padding: 12px 0 0px 13px;

    border-radius: 4px;

    margin-bottom: 10px;

}



.new-item{

    background-color: #F2F4F7;

}



.text_mark{

    color: #000;

}



.payment_record {

    background: #F2F4F7;

    padding: 15px 15px 1px 10px;

    margin-bottom: 5px;

    border-radius: 4px;

}



.h-40{

    min-height: 40px;

    max-height: auto;

}



.ac-textarea{

    overflow: hidden;

    min-height: 40px !important; 

}



.panel-heading.note-toolbar {

    background: #fafafa;

}



.note-editor.note-frame, .note-editor.note-airframe {

    border: 1px solid #efefef !important;

    border-radius: 4px !important;

}





span.addons_badge {

    font-size: 12px;

    background: #28a745;

    color: #fff;

    padding: 0px 8px;

    line-height: 20px;

    border-radius: 4px;

    position: absolute;

    left: 122px;

    top: 18px;

}



.flex-parent-between.cusalert {

    background: rgba(40,110,251,.1);

    border: 1px solid #0676ed;

    padding: 12px 20px;

    border-radius: 4px;

}



.flex-parent-between.cusalert p {

    font-size: 16px;

    color: #0676ed;

}



.icon__wrapper {

    height: 34px;

    width: 34px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.253);

    display: flex;

    align-items: center;

    justify-content: center;

}





.st7_toph {

    padding: 45px 20px;

}



.small, small {

    font-size: 80%;

    font-weight: 500 !important;

}



.ml--3 {

    margin-left: -3px;

}



.dropdown-menu > li > a {

    font-weight: 400;

}



/* #customer {

  width: 100%!important;

}



#load_customers {

  width: 100%!important;

} */