/*html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;

}*/
/* Common style starts here */
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    /*line-height: 0;*/
}
p {
    display: block !important;
    margin: 0 !important;
}
body {
    font-family: "Segoe UI";
    -webkit-font-smoothing: antialiased !important;
    background: #A8CCE5;
    /*-moz-osx-font-smoothing: grayscale !important;*/
}
/* cstm = custom */
/* lp = landing page */
/* stl = style */
/* pos = position */
/* bp = bottom padding */
/* tb = toolbar */
/* ms = multi select*/


.form-group.required .control-label:after {
    content: "*";
    color: #000;
}
.cstm-disable-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cstm-enable-select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

@media (min-width: 768px) {
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 100% !important;
        max-width: 33.333333%;
    }
}
}
/* Common style ends here */

/* Main layout page style starts here */
.cstm_banner_pos {
    position: relative;
}
.cstm_banner_stl {
    width: 100%;
}
/*.cstm_banner_txt_pos {
    position: absolute;
    margin: 0px;
    bottom: 5px;
    left: 8px;
}*/
.cstm_banner_txt_pos {
    position: absolute;
    top: 82%;
    left: 1%;
    width: 100%;
}
.cstm_banner_txt_stl {
    color: #fff;
}
.cstm_footer_txt_pos {
    text-align: center;
}
/* Main layout page style ends here */

/* Common dashboard starts here */
.cstm-main {
    position: fixed;
    top: 0;
    left: 0;
    max-width: 100%;
    height: 100%;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
}
/* Common dashboard ends here */

/* Common dashboard header starts here */
.cstm-navbar {
    padding: 0;
    display: block;
}
.cstm-common-header {
    min-height: 68px;
    background: #A8CCE5;
}
.cstm-common-icon-toggle {
    margin-top: 11px;
    margin-left: 10px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    text-indent: -9999px; /* hides the link text */
}
.cstm-common-icon-toggle {
    background: url("../images/toggle.png") no-repeat top left;
    background-position: center;
}
.cstm-common-icon-toggle:hover {
    background: url("../images/toggle_on.png") no-repeat top left;
    background-position: center;
}
.cstm-common-title-col {
    display: flex;
    max-width: 100%;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width: 1366px) {
    .cstm-common-title {
        line-height: 48px;
        /*width: 106px;*/
        font-size: 30px;
    }
}
@media only screen and (min-width: 1370px) and (max-width: 1920px) {
    .cstm-common-title {
        line-height: 48px;
        /*width: 104px;*/
        font-size: 30px;
    }
}
.cstm-common-icon-tm {
    margin-top: 11px !important;
    margin-right: 30px !important;
}
.cstm-common-header-hr {
    height: 1px !important;
    background-color: #686767;
    border: none;
}
.cstm-common-content-row {
    height: 100vh;
}
/* Common dashboard header ends here */

/* Left nav style starts here */
.cstm-left-nav-main-outer {
    width: 68px;
    padding: 0;
    margin: 0;
    /*height: 100%;*/
    /*background-color:#686767;*/
    z-index: 999;
}
.cstm-left-nav-main {
    max-width: 240px;
    background: #686767;
    font-size: 20px;
    color: #EDEDED;
    padding: 0;
    margin: 0;
    height: 100%;
}
.cstm-left-nav-expand {
    height: 100vh;
    background-color: #686767;
}
.cstm-left-nav-main ul {
    margin-top: 9px;
    margin-bottom: 0;
    padding: 0;
}
.cstm-left-nav-main ul li {
    display: flex;
    list-style-type: none;
    height: 68px;
    align-items: center;
    cursor: pointer;
    width: 240px;
}
.cstm-left-nav-icon {
    width: 48px;
    height: 48px;
    margin-left: 10px;
    text-align: center;
}
.cstm-left-nav-txt {
    line-height: 27px;
    padding-left: 20px;
}
.cstm-left-nav-main ul li:hover {
    color: #A5BDA7;
}
.cstm-left-nav-subscription div {
    background-position: center;
    text-indent: -9999px; /* hides the link text */
}
.cstm-left-nav-on-subscription {
    color: #A5BDA7;
    background-position: center;
    /*text-indent: -9999px;*/ /* hides the link text */
}
.cstm-left-nav-on-subscription p {
    color: #A5BDA7;
}
 .cstm-left-nav-subscriber div {
    background-position: center;
    /*text-indent: -9999px;*/ /* hides the link text */
}
.cstm-left-nav-on-subscriber {
    color: #A5BDA7;
    background-position: center;
    /*text-indent: -9999px;*/ /* hides the link text */
}
.cstm-left-nav-on-subscriber p {
    color: #A5BDA7;
}
.cstm-left-nav-on {
    cursor: pointer;
}

.cstm-left-nav-address div {
    background-position: center;
    /*text-indent: -9999px;*/ /* hides the link text */
}
.cstm-left-nav-on-address {
    color: #A5BDA7;
    background-position: center;
    /*text-indent: -9999px;*/ /* hides the link text */
}
.cstm-left-nav-on-address p {
    color: #A5BDA7;
}
#wrapper {
    transition: all 0.5s ease 0s;
    /*position: fixed;*/ /* Stay in place */
    /*z-index: 9999;*/ /* Stay on top */
}
.cstm-left-nav-transition {
    /*transition: all 0.5s ease 0s;*/
}
#sidebar-wrapper {
    /*transition: all 0.5s ease 0s;*/
}
#wrapper.active p {
    display: none !important;
}
#wrapper.active #sidebar-wrapper {
    max-width: 68px;
}
#wrapper.active.cstm-left-nav-main {
    max-width: 68px;
}
#wrapper.active #sidebar-wrapper ul li {
    max-width: 68px;
}
/*@media only screen and (max-height: 100vh) {
   .cstm-left-nav-settings {
    margin-top: calc(100vh - 64vh);
  }
}*/
/* Left nav style starts here */

/* Common content style starts here */
.cstm-common-bk {
    /*background: #EDEDED;*/
    background-repeat: no-repeat;
    background-size: cover;
}

.cstm-common-content-row {
    height: 100vh;
}
/*.cstm-common-content {
	position: relative;
	top: 138px;
  margin:43px 0 0 40px;
}*/
@media only screen and (max-width: 1366px) {
    .cstm-common-content {
        position: relative;
        left: 68px;
        top: 20px;
        margin: 29px 0 0 27px;
    }
}
@media only screen and (min-width: 1370px) and (max-width: 1920px) {
    .cstm-common-content {
        position: relative;
        left: 68px;
        top: 20px;
        margin: 43px 0 0 40px;
    }
}
.cstm-common-content-notoolbar {
    top: 69px !important;
}
/*.cstm-common-content p {
    margin: 0;
    line-height: 23px;
    font-size: 24px;
}*/
/* Common content style ends here */