/***************************************\
* made by:                              *
*     BS Computer - Zrenjanin       	*

* designer and front-end develpore:     *
*     Nina Zadrin                       *
* email:                                *
*     office@bscomputer.com             *
*                            			*
\***************************************/
 /***************** BODY ******************/
 
 html {
     background: #f4f4f4;
 }
 
 body {
     background-color: transparent;
     /* overflow-x: hidden; */
     color: #343a40;
     font-size: 14px;
 }
 
 #app {
     padding-top: 0px;
 }
 
 .pt-4,
 .py-4 {
     padding-top: 0rem !important;
     padding: 1.5rem;
     padding-top: 1.5rem;
     padding-bottom: 1.5rem;
 }
 
 .container {
     background-color: #fff;
     padding: 20px;
     border-top: 2px solid #68d2df;
     max-width: 1920px !important;
     box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2) !important;
 }
 
 .logo {
     width: 80px;
 }
 
 .card {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid #ced4da !important;
     border-radius: .25rem;
 }
 
 .card-header {
     padding: .75rem 1.25rem;
     margin-bottom: 0px;
     background-color: #fff;
     border-bottom: 0px solid rgba(26, 54, 126, 0.125);
 }
 
 .spanInput {
     font-size: 12px;
     color: #505759;
 }
 /***************** END BODY ******************/
 /***************** Form ******************/
 
 .form-control:focus {
     border-color: #68d2df !important;
     outline: 0;
     box-shadow: 0 0 0 0rem rgba(0, 123, 255, .0) !important;
 }
 /***************** END form ******************/
 /***************** BUTTONS ******************/
 
 .primary,
 .primary:hover,
 .primary:focus {
     background: #68d2df !important;
     color: #fff !important;
     border: none !important;
     border-radius: 5px !important;
     line-height: 15px !important;
     padding: 10px 10px !important;
 }
 
 .btn:focus,
 .btn.focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0);
 }
 
 .sorting {
     color: #a2a2a2;
 }
 
 .sorting_asc,
 .sorting_desc {
     color: #343a40;
 }
 
 td a {
     color: #a2a2a2!important;
     background-color: transparent !important;
 }
 
 td a:hover {
     color: #68d2df!important;
     background-color: transparent !important;
 }
 
 .table-hover tbody tr:hover {
     color: #343a40;
     background-color: #f4f4f4
 }
 
 .table th,
 .table td {
     padding: 0.75rem;
     vertical-align: middle;
     border-top: 1px solid #dee2e6;
 }
 
 .table-sm th,
 .table-sm td {
     padding: 5px;
 }
 
 .btn {
     font-size: 14px;
 }
 
 .select2-container--default .select2-selection--multiple .select2-selection__choice {
     background-color: transparent;
     border: 1px solid transparent;
     border-radius: 0px;
     cursor: default;
     float: left;
     margin-right: 5px;
     margin-top: 0;
     padding: 0;
 }
 
 .select2-selection__rendered {
     display: block;
     width: 100%;
     height: calc(1.6em + 0.75rem + 2px);
     padding: 0.375rem 0.75rem;
     font-size: 0.9rem;
     font-weight: 400;
     line-height: 1.6;
     color: #495057;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid #ced4da;
     border-radius: 0.25rem;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
 .select2-container--default .select2-selection--single {
     background-color: #fff;
     border: 1px solid transparent;
     border-radius: 4px;
 }
 
 .select2-container--default.select2-container--focus .select2-selection--multiple {
     border: solid transparent 1px;
     outline: 0;
 }
 
 .select2-container--default .select2-selection--multiple {
     background-color: transparent;
     border: 1px solid transparent;
     border-radius: 4px;
     cursor: text;
 }
 
 .tertiary {
     border: none;
     color: #343a40;
     background-color: transparent;
     font-weight: 400;
     background-color: transparent;
     border: 1px solid transparent;
     padding: 5px 15px !important;
     vertical-align: middle;
     margin: 5px;
 }
 
 .align-right {
     text-align: right;
 }
 
 .select2-container {
     width: 100% !important;
 }
 
 .no-padding {
     padding: 0 !important;
 }
 
 .paragraf {
     background-color: rgba(0, 0, 0, .03);
     padding: 20px;
 }
 
 .page-item.active .page-link {
     z-index: 3;
     color: #fff;
     background-color: #68d2df;
     border-color: #68d2df;
 }
 
 .page-link {
     position: relative;
     display: block;
     padding: 0.5rem 0.75rem;
     margin-left: -1px;
     line-height: 1.25;
     color: #343a40;
     background-color: #fff;
     border: 1px solid #dee2e6;
 }
 
 .breadcrumb {
     display: flex;
     flex-wrap: wrap;
     padding: 0rem;
     margin-bottom: 0rem;
     list-style: none;
     background-color: transparent;
     border-radius: 0.25rem;
 }
 
 .nav-link i {
     font-size: 25px;
     color: #68d2df;
     margin-right: 15px;
 }
 
 .dropbtn {
     background-color: transparent;
     padding: 16px;
     font-size: 16px;
     border: none;
 }
 
 .dropdown {
     position: relative;
     display: inline-block;
 }
 
 .dropdown-content {
     display: none;
     position: absolute;
     background-color: #f1f1f1;
     min-width: 160px;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     z-index: 1;
 }
 
 .dropdown-content a {
     color: #343a40;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
 }
 
 .dropdown-content a:hover {
     background-color: #ddd;
 }
 
 .dropdown:hover .dropdown-content {
     display: block;
 }
 
 .nav-item {
     display: inline-block;
     padding-left: 10px;
     padding-right: 10px;
 }
 
 .navbar-right {
     text-align: right;
 }
 
 .navbar-right {
     float: right;
     display: block !important;
     width: 100%;
 }
 
 .pageName {
     padding-top: 10px;
 }
 
 a {
     color: #343a40;
     text-decoration: none;
     background-color: transparent;
     opacity: 1;
 }
 
 .breadcrumb-item+.breadcrumb-item::before,
 .breadcrumb-item {
     color: #343a40 !important;
     opacity: 1;
 }
 
 .navbar-light .navbar-nav .nav-link {
     color: #343a40 !important;
 }
 
 .dropdown-menu {
     padding: 0;
 }
 
 .dropdown-menu a:hover {
     background-color: #f4f4f4;
 }
 
 .full-height {
     height: 100vh;
 }
 
 .justify-content-center {
     justify-content: center !important;
 }
 
 .navbar-mob {
     display: none !important;
 }
 
 @media only screen and (max-width: 540px) {
     .navbar-desk {
         display: none!important;
     }
     .navbar-mob {
         display: block !important;
     }
     .navbar-brand {
         text-align: center !important;
         margin-right: auto;
         margin-left: auto;
         margin-bottom: 15px;
     }
     .nav-link i {
         font-size: 20px;
         color: #343a40 !important;
         margin-right: 15px;
     }
 }
 
 .number {
     font-size: 25px;
     font-weight: 900;
     color: #68d2df;
 }
 
 .text-success {
     color: #4caf50 !important;
 }
 
 .text-warning {
     color: #ff9800 !important;
 }
 
 .text-info {
     color: gray !important;
 }
 
 .dash-card {
     background-color: white;
     padding-top: 10px;
     padding-bottom: 10px;
     margin-right: 5px;
     box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
     border-radius: 6px;
 }
 
 .error-page>.headline {
     float: left;
     font-size: 100px;
     font-weight: 300;
     line-height: 75px;
 }
 
 .error-page>.error-content {
     display: block;
     margin-left: 190px;
 }
 
 .error-page {
     margin: 20px auto 0;
     width: 600px;
 }
 
 .error-page>.error-content>h3 {
     font-size: 25px;
     font-weight: 300;
 }
 
 .error-page {
     margin: 7% auto;
 }
 
 .container-nav {
     background-color: #fff;
     padding: 20px;
     border-top: 2px solid #68d2df;
     max-width: 1920px !important;
     box-shadow: none !important;
     padding-top: 0;
     padding-bottom: 0;
     border: none;
 }
 
 .shadow-sm {
     box-shadow: none !important;
 }