/*------------------------------------------------------------------
[Master Stylesheet]

Project:  CoolAdmin
Version:	1.0
Last change:	08/10/2018 [Add Define a table of contents Link]
Assigned to:	Hau Nguyen
Primary use:	Open Source
-------------------------------------------------------------------*/
                            /*------------------------------------------------------------------
[LAYOUT]

* body
    + Header / header
	+ Page Content / .page-content .name-page
        + Section Layouts / section .name-section
        ...
	+ Footer / footer

-------------------------------------------------------------------*/
                            /*------------------------------------------------------------------
# [Color codes]

# Text Color (text): #666666
# Text Color Deep (Text, title): #333333

------------------------------------------------------------------*/
                            /*------------------------------------------------------------------
[Typography]

Notes:	decreasing heading by 0.4em with every subsequent heading level
-------------------------------------------------------------------*/
                            /*-----------------------------------------------------*/
                            /                   SETTINGS                          /
                            /*-----------------------------------------------------*/
                            /*-----------------------------------------------------*/
                            /                   TOOLS                             /
                            /*-----------------------------------------------------*/
                            /*-----------------------------------------------------*/
                            /                   GENERIC                           /
                            /*-----------------------------------------------------*/
                            / ----- Normalize ----- /

                            .fc-unthemed .fc-toolbar .fc-button.fc-button-active, .fc-unthemed .fc-toolbar .fc-button:active, .fc-unthemed .fc-toolbar .fc-button:focus {
                                color: #ffffff;
                                background-color: #1e3d73;
                            }

                            .fc-unthemed .fc-toolbar .fc-button {
                                background: #e7ecee;
                                color: #1e3d73;
                                border: none;
                                text-transform: capitalize;
                                border-radius: 5px;
                                -webkit-border-radius: 5px;
                            }

                       /*     .fc-unthemed .fc-toolbar .fc-button {
                                background: var(--iq-light-primary);
                                color: var(--iq-primary);
                                border: none;
                                text-transform: capitalize;
                                border-radius: 5px;
                                -webkit-border-radius: 5px;
                            }
*/
                            @media only screen and (max-width: 991px) {
                                .topmiss {
                                    margin-top: 7px;
                                }
                            }
                            
                            @media only screen and (max-width: 575px) {
                                .topmiss1 {
                                    margin-top: 7px;
                                    margin-left: 17px;
                                }
                            }
                            
                            @media only screen and (max-width: 1200px) {
                                .topmiss2 {
                                    margin-left: 17px;
                                }
                            }
                            
                            .text-center-justify {
                                justify-content: center!important;
                            }
                            
                            .btn-check:checked+.btn,
                            .btn.active,
                            .btn.show,
                            .btn:first-child:active,
                             :not(.btn-check)+.btn:active {
                                color: #000;
                                background-color: #00cc00;
                                border-color: #00cc00;
                            }
                            
                            .btn-outline-success {
                                --bs-btn-color: #198754;
                                --bs-btn-border-color: #198754;
                                --bs-btn-hover-color: #fff;
                                --bs-btn-hover-bg: #198754;
                                --bs-btn-hover-border-color: #198754;
                                --bs-btn-focus-shadow-rgb: 25, 135, 84;
                                --bs-btn-active-color: #fff;
                                --bs-btn-active-bg: #198754;
                                --bs-btn-active-border-color: #198754;
                                --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                                --bs-btn-disabled-color: #198754;
                                --bs-btn-disabled-bg: transparent;
                                --bs-btn-disabled-border-color: #198754;
                                --bs-gradient: none;
                            }
                            
                            .morris-donut-inverse {
                                svg {
                                    text[fill="#000000"] {
                                        fill: #00ff;
                                    }
                                    path[stroke="#ffffff"] {
                                        stroke: #dd0000;
                                    }
                                }
                            }
                            
                            .chart-item-0 {
                                stroke: #dd0000
                            }
                            
                            .chart-item-1 {
                                stroke: #00cc00
                            }
                            
                            * {
                                margin: 0;
                                padding: 0;
                                -webkit-box-sizing: border-box;
                                -moz-box-sizing: border-box;
                                box-sizing: border-box;
                            }
                            
                            ul {
                                margin: 0;
                            }
                            
                            button,
                            input[type='button'] {
                                cursor: pointer;
                            }
                            
                            button:focus,
                            input:focus,
                            textarea:focus {
                                outline: none;
                            }
                            
                            input,
                            textarea {
                                border: none;
                            }
                            
                            button {
                                border: none;
                                background: none;
                            }
                            
                            img {
                                max-width: 100%;
                                height: auto;
                            }
                            
                            p {
                                margin: 0;
                            }
                            
                            .table-responsive {
                                padding-right: 1px;
                            }
                            
                            .card {
                                -webkit-border-radius: 3px;
                                -moz-border-radius: 3px;
                                border-radius: 3px;
                            }
                            
                            .btn {
                                -webkit-border-radius: 3px;
                                -moz-border-radius: 3px;
                                border-radius: 3px;
                            }
                            / ----- Typography ----- /
                            
                            body {
                                font-family: 'Manrope', sans-serif;
                                font-weight: 400;
                                font-size: 16px;
                                line-height: 1.625;
                                color: #666;
                                -webkit-font-smoothing: antialiased;
                                -moz-osx-font-smoothing: grayscale;
                            }
                            
                            h1,
                            h2,
                            h3,
                            h4,
                            h5,
                            h6 {
                                color: #333333;
                                font-weight: 700;
                                margin: 0;
                                line-height: 1.2;
                            }
                            
                            h1 {
                                font-size: 36px;
                            }
                            
                            h2 {
                                font-size: 30px;
                            }
                            
                            h3 {
                                font-size: 24px;
                            }
                            
                            h4 {
                                font-size: 18px;
                            }
                            
                            h5 {
                                font-size: 15px;
                            }
                            
                            h6 {
                                font-size: 13px;
                            }
                            
                            blockquote {
                                margin: 0;
                            }
                            
                            strong {
                                font-weight: 700;
                            }
                            /*-----------------------------------------------------*/
                            /                   ELEMENTS                          /
                            /*-----------------------------------------------------*/
                            / ----- Title ----- /
                            
                            .title--sbold {
                                font-weight: 600;
                            }
                            
                            .title-1 {
                                text-transform: capitalize;
                                font-weight: 400;
                                font-size: 30px;
                            }
                            
                            .title-2 {
                                text-transform: capitalize;
                                font-weight: 400;
                                font-size: 24px;
                                line-height: 1;
                            }
                            
                            .title-3 {
                                text-transform: capitalize;
                                font-weight: 400;
                                font-size: 24px;
                                color: #333;
                            }
                            
                            .title-3 i {
                                margin-right: 13px;
                                vertical-align: baseline;
                            }
                            
                            .title-4 {
                                font-weight: 500;
                                font-size: 30px;
                                color: #393939;
                            }
                            
                            .title-5 {
                                text-transform: capitalize;
                                font-size: 22px;
                                font-weight: 500;
                                color: #393939;
                            }
                            
                            .title-6 {
                                font-size: 24px;
                                font-weight: 500;
                                color: #fff;
                            }
                            
                            .heading-title {
                                font-size: 24px;
                                font-weight: 500;
                                color: #333;
                                text-transform: capitalize;
                                margin-bottom: 10px;
                            }
                            / ----- Links ----- /
                            
                            a {
                                display: inline-block;
                            }
                            
                            a:hover,
                            a:focus,
                            a:active {
                                text-decoration: none;
                                outline: none;
                            }
                            
                            a:hover,
                            a {
                                -webkit-transition: all 0.3s ease;
                                -o-transition: all 0.3s ease;
                                -moz-transition: all 0.3s ease;
                                transition: all 0.3s ease;
                            }
                            /*-----------------------------------------------------*/
                            /                   OBJECTS                           /
                            /*-----------------------------------------------------*/
                            / ----- Section----- /
                            
                            section {
                                position: relative;
                            }
                            
                            .section__content {
                                position: relative;
                                margin: 0 auto;
                                z-index: 1;
                            }
                            
                            .section__content--w1830 {
                                max-width: 1830px;
                            }
                            
                            .section__content--p30 {
                                padding: 0 30px;
                            }
                            
                            @media (max-width: 991px) {
                                .section__content--p30 {
                                    padding: 0;
                                }
                            }
                            
                            .section__content--p35 {
                                padding: 0 35px;
                            }
                            / ----- Page Wrapper----- /
                            /*Override Grid Bootstrap*/
                            
                            @media (min-width: 1200px) {
                                .container {
                                    max-width: 1320px;
                                }
                            }
                            /*Page Objects*/
                            
                            .page-wrapper {
                                overflow: unset;
                                background: #fff;
                                padding-bottom: 8vh;
                            }
                            
                            @media (max-width: 991px) {
                                .page-wrapper {
                                    overflow: auto;
                                    background: #fff;
                                    padding-bottom: 12vh;
                                }
                            }
                            
                            .page-container {
                                background: #fff;
                                padding-left: 250px;
                            }
                            
                            @media (max-width: 991px) {
                                .page-container {
                                    position: relative;
                                    top: 88px;
                                    padding-left: 0;
                                }
                            }
                            
                            .page-container2 {
                                background: #f2f2f2;
                                padding-left: 300px;
                            }
                            
                            @media (max-width: 991px) {
                                .page-container2 {
                                    position: relative;
                                    padding-left: 0;
                                }
                            }
                            
                            .page-container3 {
                                background: #f7f7f7;
                            }
                            
                            .main-content {
                                padding-top: 95px;
                                min-height: 100vh;
                            }
                            
                            @media (max-width: 991px) {
                                .main-content {
                                    padding-top: 25px;
                                    padding-bottom: 100px;
                                }
                            }
                            
                            .page-content--bgf7 {
                                background: #f7f7f7;
                            }
                            
                            .page-content--bge5 {
                                background: #e5e5e5;
                                height: 100vh;
                            }
                            
                            .login-wrap {
                                justify-content: center;
                                display: flex;
                                max-width: 540px;
                                padding-top: 8vh;
                                margin: 0 auto;
                            }
                            
                            .login-logo {
                                text-align: center;
                                margin-bottom: 30px;
                            }
                            
                            .login-checkbox {
                                display: -webkit-box;
                                display: -webkit-flex;
                                display: -moz-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-pack: justify;
                                -webkit-justify-content: space-between;
                                -moz-box-pack: justify;
                                -ms-flex-pack: justify;
                                justify-content: space-between;
                            }
                            
                            .login-checkbox label input[type="checkbox"] {
                                margin-right: 8px;
                            }
                            
                            .login-checkbox>label>a {
                                color: #ff2e44;
                            }
                            
                            @media (max-width: 991px) {
                                .login-checkbox {
                                    -webkit-box-orient: vertical;
                                    -webkit-box-direction: normal;
                                    -webkit-flex-direction: column;
                                    -moz-box-orient: vertical;
                                    -moz-box-direction: normal;
                                    -ms-flex-direction: column;
                                    flex-direction: column;
                                }
                            }
                            
                            .login-form .form-group label {
                                display: block;
                            }
                            .icon_new{
                               padding: 13px;
                               margin: 2px;
                               min-width: 40px !important;
                               border-radius: 100%;

                            }
                            .input-container{
                                border-radius: 20px;
                                border: 1px solid #0176fe !important;
                            }
                            .input-field{
                                width: 285px !important;
                            }
                            .login-form select{
                                border: none;
                                outline: none;
                                -webkit-appearance: none;
                                -moz-appearance: none;
                                appearance: none;
                                box-shadow: none; 
                            }
                            .login-form select:focus{
                                 /* Add focus styles if desired */
  border: none;
  box-shadow: none;
                            }
                            .login-content {
                                width: 400px;
                                align-items: center;
                                justify-content: center;
                                background: white;
                                padding: 30px 30px 20px;
                                -webkit-border-radius: 2px;
                                -moz-border-radius: 2px;
                                border-radius: 24px;
                                box-shadow: 0px 0px 130px 0px #302e54b8;
                            }
                            
                            .social-login-content {
                                border-top: 1px solid #e7e7e7;
                                border-bottom: 1px solid #e7e7e7;
                                padding: 20px 0px;
                            }
                            
                            .register-link {
                                padding-top: 15px;
                                text-align: center;
                                font-size: 14px;
                            }
                            
                            .register-link>p>a {
                                color: #ff2e44;
                            }
                            
                            .fontawesome-list-wrap {
                                background: #fff;
                                border: 1px solid #C9CDD7;
                                padding: 20px;
                                -webkit-border-radius: 2px;
                                -moz-border-radius: 2px;
                                border-radius: 2px;
                            }
                            
                            .fontawesome-list__title {
                                padding-bottom: 20px;
                                border-bottom: 1px solid #C9CDD7;
                                margin-bottom: 20px;
                                margin-top: 30px;
                            }
                            
                            .fa-hover a {
                                color: #666;
                                font-size: 15px;
                            }
                            
                            .fa-hover a i {
                                margin-right: 10px;
                            }
                            
                            .fa-hover a:hover {
                                color: #333;
                            }
                            
                            .main-content--pb30 {
                                padding-bottom: 30px;
                            }
                            /*-----------------------------------------------------*/
                            /                   COMPONENTS                        /
                            /*--------------------------------------------