/* override default bootstrap theme */

/**
 * TEXT
 */
.text-danger {
    color: #e84c3d;
}

.text-info {
    color: #00B3D9;
}

.text-success {
	color: #41B983;
}

.block-danger {
	padding: 0px 20px;
	margin: 20px 0px;
	border-left: 4px solid #e84c3d;
}

.dashed-row{
	border-left: 2px dashed #959ca0;
}



/**
 * PROGRESS BAR
 */
.progress {
	background-color: #FFF;
	border: 1px solid #EEE;
	border-radius: 0;
	box-shadow: none;
}

	.progress-bar {
		background-color: #00B3D9;
	}

    .progress-bar-danger {
        background-color: #B90059;
    }

/**
 * TABLES
 */
 .table-striped>thead>tr>th,
 .table-striped>tbody>tr>th,
 .table-striped>tfoot>tr>th,
 .table-striped>thead>tr>td,
 .table-striped>tbody>tr>td,
 .table-striped>tfoot>tr>td {
     border-top: none;
 }


/**
 * DATEPICKER
 */

.datepicker {
    padding: 10px;
}

.datepicker.dropdown-menu,
.datepicker table tr td,
.datepicker table tr th,
.datepicker table tr td span {
    border-radius: 0;
    box-shadow: none;
}

.datepicker-dropdown:after,
.datepicker-dropdown:before {
    display: none;
}

.datepicker .datepicker-switch {
    color: #00B1DA;
    font-size: 18px;
    padding: 8px 10px !important;
}

.datepicker .datepicker-switch:hover {
    background-color: #FFF !important;
    color: #2C3B45;
}

.datepicker .prev,
.datepicker .next {
    color: #FFF;
    font-family: 'Keytrade-icon';
    padding-right: 14px !important;
}

.datepicker .prev:hover:after,
.datepicker .next:hover:after {
    color: #2C3B45;
}

.datepicker .next:after {
    color: #00B1DA;
    content: "\e603";
}

.datepicker .prev:after {
    color: #00B1DA;
    content: "\e602";
}

/* hide current arrow by changing its font color the same as the hover color  */
.datepicker thead tr:first-child th.prev:hover,
.datepicker thead tr:first-child th.next:hover,
.datepicker tfoot tr th.prev:hover,
.datepicker tfoot tr th.next:hover {
    background-color: #FFF;
    color: #FFF;
}

.datepicker .active {
    background-color: #2C3B45 !important;
    color: #FFF !important;
}


/**
 * MODAL
 */

/* bootstrap fix */
body.modal-open .container-header {
    padding-left: 7px;
    padding-right: 23px;
}

.modal{
    z-index: 10001;
}
.modal button.close {
    font-size:60px;
    line-height:30px;
    position:absolute;
    right:10px;
    top:10px;
}

.modal .modal-fillscreen {
    margin: 40px !important;
    width: 95%;
}

.modal .modal-body {
    padding: 0px;
}

.modal .modal-content{
    border: none;
    border-radius: 0px;
    box-shadow: none;
}

.modal-backdrop{
    background-color: #2B3B45 !important;
    z-index: 10000 !important;
    opacity: 50% !important;
}

.modal-backdrop.in{
    opacity: 0.8;
}



/*////////////////// NAVIGATION BAR  /////////////////////////////////*/

.content-tabs.nav-tabs {
    background: #626E75;
    height: 62px;
    border-bottom: none;
}

.content-tabs.nav-tabs > li {
    margin-right: 2px;
}

.content-tabs.nav-tabs > li:after {
    content: "";
    border-color: #00B3D9;
    border-style: solid;
    border-width: 1px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.content-tabs.nav-tabs > li > a, .content-tabs.nav > li > a:hover {
    padding: 20px 20px 20px 20px;
    border-radius: 0px;
    color: #FFF;
    border: none;
    margin-right: 0px;
}

.content-tabs.nav-tabs > li.active > a {
    border: none;
    color: #2B3A45;
}

.content-tabs.nav-tabs li.active {
    margin-top: -4px;
}

.content-tabs.nav-tabs > li.active > a {
    height: 100%;
    margin-top: 4px;
}

.content-tabs.nav-tabs > li.active:after {
    border-width: 0;
}

.content-tabs.nav-tabs > li.active:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 3px;
    line-height: 4px;
    background: #41B983;
    position: absolute;
    bottom: 42%;
    left: 8px;
    z-index: 100;
}

.content-tabs.nav > li > a:hover, .content-tabs.nav > li > a:focus {
    background-color: #626E75;
    color: #FFF;
}

.content-tabs.nav > li.active > a:hover, .content-tabs.nav > li.active > a:focus {
    background-color: #FFF;
    color: #2B3A45;
}

/*///////////////////  STICKY FOOTER  //////////////////////////////*/

.navbar-fixed-bottom.sticky-footer {
    background-color: #303E48;
    height: 70px;
    z-index: 100;
}

.navbar-fixed-bottom .container-fluid {
    color: #fff;
    padding: 10px 10px;
}

/*///////////////////  POPOVER  //////////////////////////////*/

/* Reset properties from .popover bootstrap */
div.kt-popover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: 10000;
}

div.kt-popover .popover-content,
div.kt-popover .popover-title {
    margin: 0;
    padding: 0;
    font-size: initial;
    line-height: 1.1em;
    background-color: transparent;
    border:none;
    border-radius: 0;
}
/* End of reset */


.kt-popover {
    background: #fff;
    max-width: none;
    width: 350px;
    /*border: 6px solid rgba(236, 236, 236, 0.5);*/
    border: 6px solid rgba(200, 200, 200, 0.7);
    border-radius: 6px;
    font-family:"Effra", Georgia, serif;
    /* and here is the fix */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.popover-md {
    width: 440px !important;
}

.kt-popover div.hr hr,
.kt-popover hr
{
    height: 1px;
    background-color: #ECECEC;
    border-top: 1px solid rgba(236, 236, 236, 0.5);
    margin: 15px 0;
}

.kt-popover div.hr.no-margin hr {
    margin: 0;
}

.kt-popover .tooltip-head,
.kt-popover .tooltip-body { padding: 15px 18px; }


div.kt-popover .popover-title {
    padding: 15px 18px 0 18px;
    margin: 0;
}

div.kt-popover .popover-content {
    padding: 0 18px 15px 18px;
    margin: 0;
}

div.kt-popover .popover-footer {
    margin: 0;
    padding: 15px 18px 15px 18px;
}

/* POPOVER - TOOLTIPS - ARROWS */

.kt-popover > .arrow { border-width: 13px; }
.kt-popover.top > .arrow:after { bottom: 9px; }
.kt-popover.bottom > .arrow:after { top: 9px; }
.kt-popover.left > .arrow:after { right: 9px; }
.kt-popover.right > .arrow:after { left: 9px; }

.kt-popover.top > .arrow { bottom: -19px; border-top-color: rgba(200, 200, 200, 0.7); }

.kt-popover.bottom > .arrow { top: -19px; border-bottom-color: rgba(200, 200, 200, 0.7); }

.kt-popover.left > .arrow { right: -19px; border-left-color: rgba(200, 200, 200, 0.7); }

.kt-popover.right > .arrow { left: -19px; border-right-color: rgba(200, 200, 200, 0.7); }