@charset "UTF-8";
/*!
 *
 * Centric - Bootstrap Admin Template
 *
 * Version: 1.9.5
 * Author: @themicon_co
 * Website: http://themicon.co
 * License: https://wrapbootstrap.com/help/licenses
 *
 */
@import url("//fonts.googleapis.com/css?family=Roboto:300,400,400italic,500,700");

/**
 * Bootstrap Reset
 */


.theme-11 {
  background-color: #F7F7F7;
}

.theme-11 .login{
  background-color: #37B6AA  !important;
}

.theme-11 .layout-container > aside {
  background-color: #ffffff;
  color: #3a3a3a;

}
.theme-11 .layout-container > aside > .sidebar-header {
  background-color: #37B6AA ;
  color: #000;
}

.theme-11 .sidebar-header > .sidebar-header-logo > img, .sidebar-header > .sidebar-header-logo > svg{
	display: inline-block;
	width:50px;
	height: 50px;
	vertical-align: -28%;
	
}

.theme-11 .layout-container > aside > .sidebar-toolbar {
  color: #fff !important;
}
.theme-11 .layout-container > header {
  background-color: #37B6AA;
  color: #ffffff;
}
.theme-11 .layout-container > main {
  background-color: #F7F7F7;
  color: #000;
}
.theme-11 .layout-container > main .bg-white:not([class*='bg-']),
.theme-11 .layout-container > main .panel:not([class*='bg-']),
.theme-11 .layout-container > main .card:not([class*='bg-']),
.theme-11 .layout-container > main .panel-default > .panel-heading:not([class*='bg-']) {
  background-color: #fff;
  color: #3a3a3a;
}
.theme-11 .layout-container > main .bg-white {
  background-color: #efefef;
  color: #000;
}
.theme-11 .layout-container > main .well,
.theme-11 .layout-container > main .jumbotron,
.theme-11 .layout-container > main .breadcrumb,
.theme-11 .layout-container > main .modal-content {
  background-color: #efefef;
  color: inherit;
}
.theme-11 .layout-container > main .btn-default {
  color: #fff;
  background-color: #37B6AA;
  border-color: #37B6AA;
}
.theme-11 .layout-container > main .btn-default:focus,
.theme-11 .layout-container > main .btn-default.focus {
  color: #000;
  background-color: #cce5cc;
  border-color: #cce5cc;
}
.theme-11 .layout-container > main .btn-default:hover {
  color: #000;
  background-color: #cce5cc;
  border-color: #cce5cc;
}
.theme-11 .layout-container > main .btn-default:active,
.theme-11 .layout-container > main .btn-default.active,
.open > .dropdown-toggle.theme-10 .layout-container > main .btn-default {
  color: #fff;
  background-color: #37B6AA;
  border-color: #37B6AA;
}
.theme-11 .layout-container > main .btn-default:active:hover,
.theme-11 .layout-container > main .btn-default.active:hover,
.open > .dropdown-toggle.theme-10 .layout-container > main .btn-default:hover,
.theme-11 .layout-container > main .btn-default:active:focus,
.theme-11 .layout-container > main .btn-default.active:focus,
.open > .dropdown-toggle.theme-10 .layout-container > main .btn-default:focus,
.theme-11 .layout-container > main .btn-default:active.focus,
.theme-11 .layout-container > main .btn-default.active.focus,
.open > .dropdown-toggle.theme-10 .layout-container > main .btn-default.focus {
  color: #fff;
  background-color: #37B6AA;
  border-color: #37B6AA;
}
.theme-11 .layout-container > main .btn-default:active,
.theme-11 .layout-container > main .btn-default.active,
.open > .dropdown-toggle.theme-10 .layout-container > main .btn-default {
  background-image: none;
}
.theme-11 .layout-container > main .btn-default.disabled,
.theme-11 .layout-container > main .btn-default[disabled],
fieldset[disabled] .theme-10 .layout-container > main .btn-default,
.theme-11 .layout-container > main .btn-default.disabled:hover,
.theme-11 .layout-container > main .btn-default[disabled]:hover,
fieldset[disabled] .theme-10 .layout-container > main .btn-default:hover,
.theme-11 .layout-container > main .btn-default.disabled:focus,
.theme-11 .layout-container > main .btn-default[disabled]:focus,
fieldset[disabled] .theme-10 .layout-container > main .btn-default:focus,
.theme-11 .layout-container > main .btn-default.disabled.focus,
.theme-11 .layout-container > main .btn-default[disabled].focus,
fieldset[disabled] .theme-10 .layout-container > main .btn-default.focus,
.theme-11 .layout-container > main .btn-default.disabled:active,
.theme-11 .layout-container > main .btn-default[disabled]:active,
fieldset[disabled] .theme-10 .layout-container > main .btn-default:active,
.theme-11 .layout-container > main .btn-default.disabled.active,
.theme-11 .layout-container > main .btn-default[disabled].active,
fieldset[disabled] .theme-10 .layout-container > main .btn-default.active {
  background-color: #37B6AA;
  border-color: #37B6AA;
}
.theme-11 .layout-container > main .btn-default .badge {
  color: #37B6AA;
  background-color: #fff;
}
.theme-11 .layout-container > main .open > .dropdown-toggle.btn-default,
.theme-11 .layout-container > main .open > .dropdown-toggle.btn-default:hover,
.theme-11 .layout-container > main .open > .dropdown-toggle.btn-default:active,
.theme-11 .layout-container > main .open > .dropdown-toggle.btn-default.active,
.theme-11 .layout-container > main .open > .dropdown-toggle.btn-default:focus {
  color: #fff;
  background-color: #37B6AA;
  border-color: #37B6AA;
}
.theme-11 .layout-container > main .form-control {
  color: inherit;
  background-color: #fff;
  border-color: #b3b3b3;;
}
.theme-11 .layout-container > main .form-control:focus {
  border-color: #d6d6d6;
}
.theme-11 .layout-container > main .form-control[disabled],
.theme-11 .layout-container > main .form-control[readonly],
.theme-11 .layout-container > main fieldset[disabled] .form-control {
  background-color: rgba(240, 240, 240, 1);
}
.theme-11 .layout-container > main select:not([multiple]) option {
  color: #37B6AA;
}
.theme-11 .layout-container > main .input-group-addon,
.theme-11 .layout-container > main .input-group-button {
  background-color: transparent;
  border: 1px solid rgba(162, 162, 162, 0.55);
  color: inherit;
}
.theme-11 .layout-container > main .nav-tabs > li.active {
  color: #37B6AA;
}
.theme-11 .layout-container > main .note-editor .note-editing-area .note-editable {
  background-color: rgba(240, 240, 240, 0.1);
}
.theme-11 .layout-container > main .photo {
  background-color: #37474F;
}
.theme-11 .tab-icon > svg,
.theme-11 .sidebar-header-logo > svg,
.theme-11 .nav-icon > svg,
.theme-11 .sidebar-header-logo > em,
.theme-11 .nav-icon > em {
  color: #37B6AA  !important;
  fill: #37B6AA  !important;
}


.theme-11 .header-container > nav > ul > li > a{
	color: #ffffff
}


.theme-11 .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	border-color: #6bb6ae;
}



.theme-11 .sidebar-nav ul > li > a:hover, .sidebar-nav ul > li > a:focus {
	background-color: #b5b9b6;
}

.theme-11 .fc-button-primary{
	background-color: #37B6AA;
	border-color: #37B6AA;
    color: #ffffff;
}

.theme-11 .fc-button-primary:not(:disabled).fc-button-active, .fc-button-primary:not(:disabled):active{
	background-color: #359688;
}

.theme-11 .fc-button-primary:hover{
	background-color: #359688;
}

.theme-11 .fc-button-primary:disabled{
	background-color: #359688;
	border-color: #359688;
}



.theme-11 .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
	background-color: #37B6AA;
}

.theme-11 .filemanager .data li{
	background-color: #585858;
}


.theme-11 .filemanager .data li:hover{
	background-color: #2d2d2d;
}



.theme-11 .button{
	background-color: #afafaf;
}


.theme-11 .button:hover{
	background-color: #585858;
	color:#fff
}

.theme-11 .filemanager .nothingfound{
	background-color: #585858
}

.theme-11 .filemanager .breadcrumbs{
	color:#000
}

.theme-11 .filemanager .folderName{
	color:#000
}

.theme-11 .filemanager .search{
	color:#000
}


.theme-11 .filemanager .search input[type=search]{
	background-color: #f7f7f7
}


.theme-11 .filemanager .search:after{
	background-color: #37B6AA
}


.theme-11 .filemanager .search:before{
	border-color: #37B6AA
}

.theme-11 .layout-container > main .btn-create-new {
  color: #fff;
  background-color: #585858;
  border-color: #585858;
}

.preview-theme-11 .preview-header {
  background-color: #cce5cc;
}
.preview-theme-11 .preview-sidebar {
  background-color: #cce5cc;
}
.preview-theme-11 .preview-content {
  background-color: #f7f7f7;
}

.custom-border-bottom {
    padding-bottom: 20px;
    border-bottom: 1px dashed rgba(162, 162, 162, 0.25);
    margin-bottom: 20px;
}

.custom-border-top {
    padding-top: 20px;
    border-top: 1px dashed rgba(162, 162, 162, 0.25);
    margin-top: 20px;
}

.error-input-validation {
    border: 2px solid red !important;
    border-radius: 4px !important;
}

.error-text{
    color: red;
    display: none;
}

/**
Loader Spinner
 */

/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.5);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 50px;
    height: 50px;
    margin-top: -0.5em;

    border: 5px solid #37B6AA;
    border-radius: 100%;
    border-bottom-color: transparent;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}

/*
        ----------------------
        Typical A4 size in px:
        width: 793.700787px
        height: 1122.519685px
        ----------------------
      ##Device = Desktops
      ##Screen = 1281px to higher resolution desktops
    */
@media (min-width: 1281px) {
    .canvas_area{
        max-height: 1122.519685px;
        max-width: 793.700787px;
        height: 1122.519685px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .button-align-right{
        text-align:right;
    }

    .button-align-left{
        text-align:left;
    }
}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {

    .canvas_area{
        max-height: 1122.519685px;
        max-width: 793.700787px;
        height: 1122.519685px;
    }

    .button-align-right{
        text-align:right;
    }

    .button-align-left{
        text-align:left;
    }

}
/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {

    .canvas_area{
        height: 1075px;
    }

    .button-align-right{
        text-align:right;
    }

    .button-align-left{
        text-align:left;
    }
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .canvas_area{
        height: 1075px;
    }

    .button-align-right{
        text-align:center;
    }

    .button-align-left{
        text-align:center;
    }
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {

    .canvas_area{
        height: 799px;
    }

    .button-align-right{
        text-align:center;
    }

    .button-align-left{
        text-align:center;
    }

}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {

    .canvas_area{
        height: 500px;
    }
    .button-align-right{
        text-align:center;
    }

    .button-align-left{
        text-align:center;
    }
}

/* "primary" coloring */
.lrs-button-default {
    color: #fff;
    background-color: #C0C0C0;
    border-color: #C0C0C0;
}

.lrs-button-default:hover {
    color: #fff;
    background-color: #A9A9A9;
    border-color: #A9A9A9;
}

.lrs-button-default:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

.lrs-button-default:disabled {
    color: #fff;
    background-color: #D3D3D3;
    border-color: #D3D3D3;
}

.lrs-button-default:not(:disabled):active,
.lrs-button-default:not(:disabled).fc-button-active {
    color: #fff;
    background-color: #1a252f;
    border-color: #151e27;
}

.lrs-button-default:not(:disabled):active:focus,
.lrs-button-default:not(:disabled).fc-button-active:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}