@import "../amexio/at-am-tiger-init.scss";
@import "../def/common.scss";
@import "../amexio/at-am-tiger-vars.scss";
@import "../def/amexio.forminputs.scss";
@import "../def/amexio.enterprise.scss";
@import "../def/amexio.data.scss";
@import "../def/amexio.layouts.scss";
@import "../def/amexio.nav.scss";
@import "../def/amexio.panes.scss";
@import "../def/amexio.media.query.scss";

@import "../amexio/at-am-tiger-structure.scss";
@import "../amexio/at-am-tiger-visual.scss";
/*----------------------------------------------------------------------*/
/*        INPUT/LABEL/A/BUTTON/DROPDOWN COMPONENT         */
/*----------------------------------------------------------------------*/



// .input-control {
//   border-radius: 4px;
//   line-height: 2;
//   font-size: 14px;
//   border: 2px solid #666666;
//   border-radius: 4px!important;
//   background-color: #1b1d22;
//   color: $color;
// }

// .input-control-success {
//   border-color:$success;
// }

// .input-control-error {
//   border-color:$error;
// }


// .inputgroup label {
//   margin-bottom: 0rem;
// }

// .dropdown{
//   border: 2px solid #666666;
//   box-shadow: 0 1px 3px 0 #666666;
// }


// .datetimepicker {
//   border: $borderSize solid #666666;
//   box-shadow: 0 1px 3px 0 #666666;
// }

// label {
//   display: inline-block;
//   margin-top: 5px;
//   max-width: 100%;
//   //padding: 0 12px;
//   font-size: 14px;
//   font-weight: 500;

// }


// a {
//   color: rgba(0, 0, 0, 0.87);
//   //text-transform: lowercase;
// }


// .navbar-logo-unit a{
//   text-transform: capitalize;
// }



// button.app-button {
//   border-radius: 8px;
// }

// .btn-group button{
//   //border-right: 1px solid white;

// }

// .drodown-caret-down{
//   top: 35px;
//   color: $borderColor;
// }

// //
// //
// // .datatable .datatable-row{
// //   height: 50px;
// //   border-top: none;
// //   border-bottom: 2px solid #666666;
// // }
// //
// // .datatable .datatable-header .datatable-col{
// //   //height: 50px;
// //   font-weight: 500;
// // }
// //
// // .datatable .datatable-header{
// //   background: linear-gradient(#40434D, #000000);
// //   font-size: larger;
// //   color: white!important;
// // }
// //
// //
// // .datatable .datatable-row:hover{
// //   background-color: $themeBGColor;
// //   font-weight: bold;
// // }
// //
// // .datatable .datatable-row-active{
// //   background-color: lighten($themeBGColor,40%)!important;
// // }
// //
// //
// // .datatable-row:nth-child(odd){
// //   background-color: $themeBGColor;
// // }
// //
// //
// // .datatable .datatable-col{
// //   vertical-align: middle;
// // }
// //
// // .datatable .datatable-row{
// //   height: 50px;
// // }
// //
// // .datatable .datatable-header{
// //   background-color: $primaryBGColor;
// //   font-size: larger;
// //   color: $primaryColor;
// // }
// //
// // .datatable .datatable-col{
// //   vertical-align: middle;
// // }

// .datapoints{
//   .datapoints{
//     border: none;
//     box-shadow: none;
//   }
//   color: #F2870C;
//   border-radius: 10px;
// }
// .datapoints-issue{
//   padding: 10px;
// }
// .datapoints-north{
//   font-size: 36px;
//   font-weight: bold;
//   color: #F2870C;
// }

// .datapoint-south{

//   background-color: $primaryBGColor;
//   color: #F2870C;
//   border-radius: 0px;
//   font-size: 20px;
//   padding: 5px;
//   margin: 1px;
// }

// .datapoint-west{
//   padding: 5px;
//   font-size: 24px;
//   font-weight: bold;
// }




// .listbox .list{
//   background-color: $defaultBGColor;

//   .title {
//     float: left;
//     font-size: 18px;
//     color: $defaultColor;
//     //padding-top: 8px;
//     a {
//       font-size: 16px;
//       color: $defaultColor;
//       text-transform: lowercase;
//     }
//   }
// }

// .card-container {
//   border-radius: 10px;

//   .card-header {
//     border-radius: 10px;
//     background: linear-gradient(#40434D, #000000);
//   }
//   .card-footer{
//     border-radius: 10px;
//   }
// }

// .listbox{
//   border-radius: 10px;

//   .listbox .list .title {
//     color: #E84C1A !important;
//   }

//   .header{
//     border-radius: 10px;
//     border-bottom: $borderSize solid $borderColor;
//   }

//   .list .list-items{
//     border-bottom: 1px solid #1b1d22;
//   }
// }

// /** NAVBAR **/
// .navbar-container {
//   box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
//   background-color: #F58338;
//   background: linear-gradient(#F58338, #E84C1A);
// }

// .sidenav{
//   border-right: $borderSize solid $cardBorderColor;
//   box-shadow:none;
// }

// .sidenav .activenode{
//   color: $themeColor;
//   background-color: $backgroundcolor;
// }



// .image-responsive{
//   max-width: 100%;
//   width: 100%;
//   border-top: 1px solid #1b1d22;
//   border-bottom: 1px solid #1b1d22;
//   margin-top: 10px;
//   margin-bottom: 10px;
// }

// .email {
//   background-color: #3A3C42;
//   border: $borderSize solid $cardBorderColor;
//   border-radius: 10px;
//   .card-header{
//     background: linear-gradient(#40434D, #000000);
//     border-radius: 10px;
//   }
// }


// div.profile-image img {
//   width: 50px;
//   height: 50px;
//   border-radius: 50%;
//   vertical-align: middle;
// }

// div.profile-image a{
//   text-transform: capitalize;
//   color: $defaultColor;
// }


// .defaultcolor{
//   color: $themeColor;
// }
