/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/

/* jnkjeknj */


:root {

  --mainlight-color:#fde8ce !important;
  --main-color:#de800a !important;
    /*--main-color: rgb(249 115 22) !important;*/

   /* --mainlight-color:rgba(0, 0, 0, 0.2) !important;
    --main-color:#000000 !important;*/

 /* --left-menu-color:rgba(222,128,10, 0.9) !important;
  --left-menu-hover-color:#aa6108 !important;*/

    /* working */

   /* --left-menu-color: #fad7ac !important;
    --left-menu-hover-color: #e8a652 !important;
    --left-menu-text-color: #282828;*/

    --left-menu-color: #333333 !important;
    --left-menu-hover-color: #de800a !important;
    --left-menu-text-color: #ffffff;

    /* last best */

   /* --left-menu-color: #fad7ac !important;
    --left-menu-hover-color: #e8a652 !important;
    --left-menu-text-color: #282828;*/

    /* default */
  /*--left-menu-color: #ffdeb5 !important;
  --left-menu-hover-color:#ffce90 !important;
  --left-menu-text-color: #282828;
  */


    /*--main-color:rgba(222,128,10, 0.9) !important;*/
  --maindark-color:#aa6108 !important;
  --mainmild-color:#fad7ac !important;
  --main-common-light:#fad7ac !important;
  --main-font: GutsyFont !important;
  --card-text-color: #ffffff !important;

  --ts-light-color: #FFBF6E !important;
  --ts-very-light-color:rgba(222,128,10, 0.10) !important;
/*  --mainmild-color: #31CCFF !important;
  --mainlight-color: #31CCFF !important;
  --main-color: #00C0FF !important;
  --main-common-light:#31CCFF !important;
  --maindark-color: #F1A31C !important;*/


  }

/*.watch-tutorial-button {
    background-color: #0074D9; !* Button background color *!
    color: #fff; !* Text color *!
    padding: 15px 20px; !* Adjust padding as needed *!
    font-size: 18px; !* Font size *!
    border: none;
    border-radius: 5px;
    transform: rotate(-90deg); !* Rotate the button 90 degrees counterclockwise *!
    cursor: pointer;
    position: absolute;
    right: 0;
}*/

/* Optional: Hover effect */
/*.watch-tutorial-button:hover {
    background-color: #0056b3; !* Change the background color on hover *!
}*/


#noofphotoslayout{
    top: 50%;
    right: 50%;
    padding: 12px 12px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    background-color: var(--maindark-color);
    position: absolute;
}

#noofphotoslayout #noofphotos{
    margin-left: 6px;
}

.xdsoft_datetimepicker{
    z-index: 10010 !important;
}


  /* TinyMCE Styles */

.tox .tox-dialog, .tox .tox-dialog-wrap, .tox-tinymce-aux{
    z-index: 10003000000 !important;
}

.tox .tox-menu{
    z-index: 10003000001 !important;
}

.tox-editor-header .tox-menubar{
    justify-content: center;
    padding: 4px !important;
}

.tox .tox-menubar .tox-mbtn{
    height: 20px;
}

.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active), .tox .tox-mbtn--active, .tox .tox-collection--list .tox-collection__item--active{
    background: var(--mainlight-color) !important;
}

  .tox::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: var(--mainlight-color);
}

.tox::-webkit-scrollbar
{
  width: 9px;
  background-color: var(--mainlight-color);
}

.tox::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: var(--maindark-color);
}

  .tox .tox-tbtn svg {
    display: block !important;
    fill: var(--maindark-color) !important;
}

.tox-tinymce {
    border: 1px solid transparent !important;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%) !important;
    border-radius: 3px !important;

}

.tox-tinymce.highlight {
    border: 1px solid var(--main-color) !important;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%) !important;
    border-radius: 3px !important;

}

.tox.tox-tinymce .tox-tbtn--bespoke .tox-tbtn__select-label{
    width: auto !important;
    max-width: 7em;
}

.tox .tox-tbtn--bespoke .tox-tbtn__select-label{
    width: auto !important;
    max-width: 7em;
}



    .tox .tox-statusbar {
      border-top: 1px solid var(--maindark-color) !important;

    }

    .tox-statusbar__branding{
      display: none;
    }

    .tox .tox-sidebar-wrap {
    padding: 10px !important;
    }

    .tox.tox-fullscreen .tox-sidebar-wrap {
        padding: 0px !important;
    }

    .tox .tox-tbtn__select-label{
      color:var(--maindark-color);
      font-weight: 700 !important;
    }

    .tox .tox-button{
      background-color: var(--main-color) !important;
      border-color: var(--main-color) !important;
      /*background-color: var(--main-color);
      border-color: var(--main-color);*/
    }

    .tox .tox-button--secondary{
      background-color: var(--mainlight-color) !important;
      border-color: var(--mainlight-color) !important;
    }

    .tox .tox-button--naked {
    background-color: transparent !important;
    border-color: transparent !important;
    }

    .tox .tox-button--naked:hover {
      background-color: var(--mainlight-color) !important;
      border-color: var(--mainlight-color) !important;
     } 

     .tox .tox-selectfield select:focus, .tox .tox-textarea:focus, .tox .tox-textfield:focus{
      border-color: var(--main-color) !important;
     }

     .tox .tox-dialog__body-nav-item--active {
       border-bottom: 2px solid var(--main-color) !important;
       color: var(--main-color) !important; 
      }

      .tox .tox-dialog__body-nav-item:focus {
        background-color: var(--mainlight-color) !important;
      }

      .tox .tox-tbtn:focus {
        background: var(--mainlight-color) !important;
      }

      .tox .tox-tbtn:hover {
        background: var(--mainlight-color) !important;
      }

      .tox-dialog__content-js{
          min-height: 350px;
      }

      .ts_scripts_popup .tox-form__group[aria-disabled="true"]{
          max-height: 100px;
      }


   /* TinyMCE Styles */


  /* tinymce edits */

  /*.mce-notification{
    display:none !important;
  }*/

/*  .mce-content-body p{
      margin-block-start: 0em;
      margin-block-end: 0em;
  }*/

  .mce-ico {
    font-family: 'tinymce',Arial !important;

  }

    .mce-ico.mce-i-fas {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

  .mce-tooltip {
    display: none !important;
 }

 .modal-backdrop{
  z-index: 999 !important;
 }

 .modal-header .close_state {
    color: var(--maindark-color) !important;
}
.modal-footer .btn-primary.disabled{
  background-color: var(--main-color);
    border-color: var(--main-color);

}

.modal-footer .btn-primary[disabled]{
background-color: var(--main-color);
    border-color: var(--main-color);  
}   

 /* tinymce edits */

/* Gutsy Styles */

.daterangepicker{
    z-index: 10009 !important;
}

.b_visible{
    color: var(--main-color);
    font-weight: 900;
    padding: 0px;
}

.b_bold{
    font-weight: 900;
}

.agile-tables table tr td {
    background: var(--mainlight-color) !important;
  } 

.agile-tables table tr:nth-of-type(2n+2) td {
    background: #ffffff !important;
} 

.agile-tables table a{
font-weight: 900;
color:var(--main-color) ! important;
}

.leftmargin{
  margin-left: 5px;
  }

.agile-tables table a.gutsyribbon{
  color: #ffffff !important;
}

.eventypebtn{
  padding-left: 8px !important;
  padding-right: 8px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

  .gutsyribbon {
    font-size: 0.8em;
    height: 1.6em;
    position: relative;
    border-radius: 5px;
    background-color: var(--main-color) !important;
    color: #ffffff;
    padding: 2px 5px;
  }

    .gutsyribbon.light {
        background-color: rgba(222, 128, 10, 0.8) !important;
    }

  .ts_trip_card .gutsyribbon {
      height: 2.2em;
  }

  .t_i_mr{
      margin-right: 4px;
  }

.gutsyribbon.ts_white{
    background-color: rgb(255, 255, 255) !important;
    color: var(--main-color);
}

.gutsyribbon.ts_white:hover{
    color: var(--maindark-color) !important;
}

  .gutsyribbon.heightunset, .gutsyribbon.h_un_s{
      height: unset !important;
  }

.gutsyribbon:hover, .gutsyribbon:focus{
   color: #ffffff !important;
}

.gutsyribbon.standard {
    margin-right: 10px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: unset;
    align-items: center;
    display: flex;
    border: 2px solid var(--main-color);
}

.gutsyribbon.standard.selected{
    border: 2px solid var(--maindark-color);
    background-color: var(--maindark-color) !important;
}


 
/*** custom checkboxes ***/

.gutsycheckbox label{
  margin-left: 5px;
  margin-right: 5px;
}

.gutsycheckbox input[type=checkbox] { display:none; } /* to hide the checkbox itself */
.gutsycheckbox input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
   color: var(--main-color);
}

.gutsycheckbox input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
.gutsycheckbox input[type=checkbox] + label:before { letter-spacing: 6px; } /* space between checkbox and label */

.gutsycheckbox input[type=checkbox]:checked + label:before { content: "\f14a"; } /* checked icon */
.gutsycheckbox input[type=checkbox]:checked + label:before { letter-spacing: 6px; }


.gutsycheckbox input[type=checkbox] + label.block:before {
    display: flex;
    justify-content: center;
}

.edit-profile-photo figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    left: 8%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.5);
    transition: all 0.2s ease-in-out;
    /*opacity: 0;*/
    opacity: 0;
}

.edit-profile-photo figcaption:hover{
    opacity: 1;
}

.edit-profile-photo img{
    /*border-radius: 50%;*/
    object-fit: cover;
    -webkit-transform: translateX(10%) translateY(0%);
    -moz-transform: translateX(10%) translateY(0%);
    transform: translateX(10%) translateY(0%);
    /*max-width: 80%;*/
    /*height: 100px;
    margin: auto;*/
}

.edit-profile-photo{
    margin-top: 0.7em;
    position: relative;
    /*display: flex;*/
}


/*** custom checkboxes ***/

/* Gutsy i cards */

/*.gutsycards .gcard:nth-child(3n+1){
    padding-left: 15px;
    padding-right: 0px;
}

.gutsycards .gcard:nth-child(3n){
    padding-left: 0px;
    padding-right: 15px;
}*/

.gutsycards .gcard .topleft{
    position: absolute;
    top: 15px;
    left:20px;
    z-index: 1;
    color: #ffffff;
    padding-top:4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.6);
}

.gutsycards .gcard .details{
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 1;
}

.gutsycards .gcard:nth-child(3n) .topleft{
    /*left: 5px;*/
}
.gutsycards .gcard .actions{
    display: inline-block;
    visibility: visible;
    position: absolute;
    top: 10px;
    right: 25px;
    z-index: 4;
}

.gutsycards .gcard:nth-child(3n+1) .actions{
    right: 10px;
}


.gutsycards .gcard:nth-child(3n) .dropdown-menu{
    right: 0;
    left: auto;
    float: right !important;
}

.gcard.showactions:hover .actions .action{
    visibility: visible;
}

.gutsycards .gcard:nth-child(3n+1) .actions.cardactions{
    right: 55px;
}

.gutsycards .gcard .actions.cardactions{
    right: 55px;
}

.gutsycards .gcard:nth-child(3n+1) .actions.menuactions{
    right: 12px;
}

.gutsycards .gcard .actions.menuactions{
    right: 12px;
}



.gcard.showactions:hover .topleft {
    /*visibility: hidden;*/
}


.gcard.showactions.always .actions .action {

}

.action.tsdrag{
    font-weight: bold;
    margin-right: 10px;
    padding: 7px;
    border-radius: 50%;
    text-align: center;
    margin-top: 5px;
    display: inline-flex;
    background-color: var(--main-color);
    color: #ffffff;
}


.gcard .actions .action {
    font-weight: bold;
    margin-right: 10px;
    padding: 7px;
    border-radius: 50%;
    text-align: center;
    margin-top: 5px;
    display: inline-flex;
    visibility: hidden;
    background-color: var(--mainlight-color);
    /* background: rgba(0, 0, 0, 0.8);*/
    color: var(--maindark-color);
}

.gcard .actions .action:hover, .gcard .actions .action:focus, .gcard .actions .action.selected{
    text-decoration: none;
    cursor: pointer;
    background-color: var(--main-color);
    color: #ffffff;
}



.gmainbg{
    background-color: var(--main-color);
}

.gcenter{
    top: 50%  !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;

}

.gcard .actions .action.selected {
    visibility: visible;
}



.gutsyicard {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 200px;
    position: relative;
    border-radius: 0.25rem !important;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    display: block; }
.gutsyicard:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
    background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
    opacity: .8; }
.gutsyicard .text {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index:0;
    padding: 10px 20px 10px 20px;
    -webkit-transition: .8s all ease;
    -o-transition: .8s all ease;
    transition: .8s all ease; }
.gutsyicard .text:before {
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    height: 0;
    position: absolute;
    content: "";
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.gutsyicard .text .heading, .gutsyicard .text .subheading, .gutsyicard .text .post-meta, .gutsyicard .text .excerpt, .gutsyicard .text .price, .gutsyicard .text .star-rate {
    z-index: 2;
    position: relative; }
.gutsyicard .text .subheading {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 12px;
    margin-bottom: 5px;
    opacity: .6; }
.gutsyicard .text .heading {
    color: #fff;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500; }
.gutsyicard .text .post-meta {
    line-height: 1.4;
    color: #fff;
    font-size: 14px; }
.gutsyicard .text .post-meta span {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    opacity: .6; }
.gutsyicard .text .price {
    color: #fff;
    vertical-align: middle;
}
.gutsyicard .text .star-rate {
    font-size: 12px;
    color: white; }
.gutsyicard .text .star-rate span {
    margin-right: 2px; }
.gutsyicard .text .excerpt {
    line-height: 1.4;
    color: #fff; }
.gcard:hover .text:before, .gcard:focus .text:before {
    visibility: visible;
    opacity: 1;
    height: 100%;
    background: rgba(0, 0, 0, 0.65); }

.gcard.manage:hover .details{
    opacity: 0;
}


.gcard:hover .text:hover{
    visibility: visible;
    opacity: 1;
    /*background: #fff;*/
    /* background: rgba(0, 0, 0, 0.65);*/
}


/* Gutsy i cards */



/* Gutsy Styles */

.i_legend .nice-select .option{
    color: black !important;
}

.module_price_info .ts-form.ts-outline, .ts_minimal .ts-form.ts-outline{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.module_price_info .module_ticket_info:hover{
    border: 2px solid var(--main-color);
}
.module_price_info .module_ticket_info{
    border-radius: 25px;
    border: 2px solid #EFF2F1;
    padding: 10px 0px;
}

.module_price_info .module_ticket_info.ex_padding{
    padding: 25px 0px;
    margin: 15px 0px;
}

.gtflex{
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
 }

.gtinlineflex{
    display: inline-flex;
}
 .gtfcenter{
  -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
 }

 .gtfjcenter{
     justify-content: center;
 }

 .gthorizonalcenter {
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(0%);
    -moz-transform: translateX(-50%) translateY(0%);
     transform: translateX(-50%) translateY(0%);
 }

 .gtflexwrap{
  flex-wrap: wrap;
 }

 .ts_flex_wrap, .t_f_w{
     flex-wrap: wrap;
 }

 .ts_float_none{
     float: none !important;
 }

.ts_flex_col{
    display: flex;
    flex-direction: column;
}

.ts_pointer{
    cursor: pointer;
}

.ts_area_disabled{
    cursor: not-allowed !important;
}

.ts_area_noneditable_visible{
    cursor: not-allowed !important;
    pointer-events: none;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ts_area_noneditable{
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

 .gtflexend{
  align-items: flex-end; 
  -webkit-box-flex: 1;
  flex-grow: 1;
 }

.gnoleftmargin {
  margin-left: 0px !important;
 } 

 .gnorightmargin {
  margin-right: 0px !important;
 }

 .gnoleftpadding {
  padding-left: 0px !important;
 } 

 .gnorightpadding {
  padding-right: 0px !important;
 }

.ts_modal_overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #000000c9;
    width: 100%;
    height: 1000%;
    display: none;
    z-index: 1033;
}

body.popup-open.show_overlay .ts_modal_overlay, body.popup-open .show_overlay .ts_modal_overlay {
    display: block;
}

.ts_popupclose:hover {
    background-color: var(--main-color);
}
.ts_popupclose {
    /*color: var(--main-color);*/
    z-index: 2;
    color: #ffffff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-right: 10px;
    background-color: var(--main-color);
    padding: 2px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    text-align: center;
    /*margin-top: 5px;*/
    line-height: 1;
    position: absolute;
    right: 5px;
    cursor: pointer;
}

.ts_timeline {
    margin-left: 0.8em;
    height: 100%;
    width: 1px;
    background-color: var(--mainlight-color);
}

.ts_rounded_icon{
    display: flex !important;
    background-color: var(--main-color);
    -webkit-box-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    -webkit-box-pack: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    border-radius: 50%;
    page-break-inside: avoid;
    margin: auto;
}

.ts_just_rounded_icon{
    background-color: var(--main-color);
    -webkit-box-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    -webkit-box-pack: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    border-radius: 50%;
    page-break-inside: avoid;
    margin: auto;
}

.ts_no_lp {
    padding-left: 0px !important;
}

.ts_no_rp {
    padding-right: 0px !important;
}

.ts_left_p5 {
    padding-left: 5px !important;
}

.ts_right_p5 {
    padding-right: 5px !important;
}


.ts_left_p0, .ts_l_p0 {
    padding-left: 0px !important;
}

.ts_right_p0, .ts_r_p0 {
    padding-right: 0px !important;
}

.ts_cursor_pointer, .ts_c_p{
    cursor: pointer;
}

 table.itinerary_cost_items td{
    padding: 4px 4px;
}

table.itinerary_cost_items td .ts_search_input{
    padding: 4px !important;
    height: 24px !important;
}

table.itinerary_cost_items tr td{
    background: var(--mainlight-color) !important;
}

table.itinerary_cost_items tr:nth-of-type(2n+2) td{
    background: #ffffff !important;
}

table.itinerary_cost_items th{
    padding: 8px;
    font-size: 16px;
}

.ts_table table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ddd;
}

.ts_table th,.ts_table  td {
    border: 1px solid #ddd;
    padding: 8px;
    /*text-align: center;*/
}

.ts_table th {
    background-color: #f2f2f2;
    font-weight: bold;
}

.ts_table tr {
    position: relative;
}

.ts_table tr:hover {
    background-color: #f5f5f5;
}

.ts_table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.ts_table tr:nth-child(odd) {
    background-color: #ffffff;
}

.ts_table td input{
    background: none !important;
    border: none !important;
    width: 100%;
}

.ts_table .ts_quantity button{
    height: 24px !important;
    width: 24px !important;
}

.ts_table .ts_quantity span{
    padding: 0px;
    font-size: 16px !important;
}

.ts-color-picker {
    display: inline-block;
    padding: 2px 2px;
    border: 1px solid black;
    border-radius: 5px;
}

.ts-color-picker input[type="color"] {
    width: 25%;
    cursor: pointer;
}

.ts-color-picker input[type="text"] {
    width: 75%;
    font-size: 16px;
}

.website_colors_layout .ts-color-picker{
    width: 25%;
}

.ts-color-display {
    width: 50px;
    height: 20px;
    border: 1px solid black;
}

 .gtopmargin {
    margin-top: 0.5em;
}

 .gnone {
    display: none !important;
}

.gnobefore:before{
    content: none !important;
}

.gblock{
  display: block !important;
}

.gbottommargin {
    margin-bottom:  0.5em;
}

.gscaps{
  font-variant: small-caps;
  
}

.gf1em{
  font-size: 1em;
}



/* Container for the dots */
.loading-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

/* Dot styling */
.loading-dots .dot {
    width: 10px;
    height: 10px;
    background-color: var(--main-color);
    border-radius: 50%;
    animation: bounce 0.6s infinite alternate;
}

.loading-dots.black .dot {
    background-color: #333;
}

/* Delay each dot for the bouncing effect */
.loading-dots .dot:nth-child(1) {
    animation-delay: 0s;
}
.loading-dots .dot:nth-child(2) {
    animation-delay: 0.2s;
}
.loading-dots .dot:nth-child(3) {
    animation-delay: 0.4s;
}
.loading-dots .dot:nth-child(4) {
    animation-delay: 0.6s;
}

/* Bounce animation */
@keyframes bounce {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-5px);
    }
}



.gloadingdots:after {
  content: ' .';
  animation: gdots 1s steps(5, end) infinite;}

@keyframes gdots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color: white;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  60% {
    text-shadow:
      .25em 0 0 white,
      .5em 0 0 rgba(0,0,0,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 white,
      .5em 0 0 white;}}



.listactions{
  /*width:40%;*/
  padding: 6px 12px;
} 
.listactions span{
display: flex;
flex-wrap: wrap;
}

.listactions span a{
margin-top: 6px;
margin-right: 6px;
margin-bottom: 2px;
}

.listactions span i{
  margin-top: auto;
  margin-bottom: auto;
}

body::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: var(--mainlight-color);
}

body::-webkit-scrollbar
{
  width: 7px;
  background-color: var(--mainlight-color);
}

body::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: var(--maindark-color);
}


.gscroll::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: var(--mainlight-color);
}

.gscroll::-webkit-scrollbar
{
    width: 7px;
    background-color: var(--mainlight-color);
}

.gscroll::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: var(--maindark-color);
    cursor: pointer;
}


  .ui-timepicker-standard {
      z-index:10052 !important;
  }

.btn{
   /* background: var(--main-color);*/
    border: 2px solid var(--main-color);
   /* color: #fff; */
}

.btn-warning, .btn-danger {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

/*.btn:hover {
    color: #fff;
    background-color: var(--maindark-color);
}*/

.formmargin{
  margin: 1.5em 0;
}

.section {
      display: none;
    }

 .previewimages{
      /* display: flex;
    flex-wrap: wrap;*/
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
 } 

 .previewvideo{
    float:left;
    padding-left: 10px;
    padding-right: 10px;
 } 

 .previewvideo iframe{
  height: 180px;
    width: 300px;
 }  

 .previewimage{
       float:left;
       position: relative;
       padding-left: 10px;
       padding-right: 10px;
 } 

 .previewimage .source{
    color: #ffffff;
    font-size: 18px;
    font-weight: 1000 !important;
    position: absolute;
    right: 20px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
    top: 6px;
 }

 .previewimage img{
  max-height: 200px;
  max-width: 200px;
  margin-left: 10px;
  margin-right: 10px;
 } 

 .previewimages .previewimage img{
  height: 180px !important;
    width: 300px !important;
    margin-top: 6px;
    margin-bottom: 12px;
    object-fit: cover;
    object-position: center;
 }

 .elementremove{
  color: #ffffff;
    font-size: 24px;
    font-weight: 1000 !important;
    position: absolute;
    /*background-color: var(--main-color);*/
     background-color: rgba(0, 0, 0, 0.65);
    border-radius: 4px;
    padding: 2px;
    margin-top: 6px;
    margin-left: 10px;
    z-index: 1;
    cursor: pointer;
 }

.elementdrag{
    color: #ffffff;
    font-size: 24px;
    font-weight: 1000 !important;
    position: absolute;
    /*background-color: var(--main-color);*/
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 4px;
    padding: 2px;
    margin-top: 6px;
    margin-right: 10px;
    z-index: 1;
    cursor: move;
    display: none;
}

.previewimages .elementdrag{
    margin-right: 20px;
    display: block;
    top: 50%;
    left: 50%;
    width: fit-content;
    transform: translate(-50%, -50%);
}

 .vert-align-padding{
  padding-top: 10px;
    padding-bottom: 10px;
 }

 
 

 .calendar-activity-icon {
    font-size: 20px !important;
    color: #ffffff !important;
    margin-left: 5px;
    margin-right: 5px;
    font-family: GutsyActivities !important;
}

.calendar-icon {
    font-size: 20px !important;
    color: #ffffff !important;
    margin-left: 5px;
    margin-right: 5px;

    }

.action-icon {
    font-size: 20px !important;
    color: var(--main-color) !important;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
}    

 .event-icon {
    font-size: 20px !important;
    color: #ffffff !important;
    margin-right: 5px !important;

  }

  /* Tooltip container */
.gtooltip {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
}

/* Tooltip text */
.gtooltip {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black;*/
}

.gtooltip .gtooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
  display: block !important;
}

.gtooltip .gtooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.gtooltip:hover .gtooltiptext {
  visibility: visible;
}


.tooltip-html + .tooltip  .tooltip-inner, .tooltip-big + .tooltip  .tooltip-inner {
    min-width: 200px;
}

/*.tooltip-html + .tooltip:hover .tooltip-content, .tooltip-html:hover + .tooltip:hover .tooltip-content {
    visibility: visible;
    display: block;
}*/

.tooltip-html + .tooltip.top{
    margin-top: 3px;
}

.tooltip{
    width: fit-content;
}


/* Tooltip text */

  /* Gutsy Styles */

/* TS Styles */

.ts_sticktotop{
    position: sticky;
    top:0px;
    z-index: 999;
}

.ts_top_container{
    padding-bottom: 0.25px;
    background-color: #edecec;
}

.ts_top_container .breadcrumb{
    /*background-color: #f5f5f5 !important;*/
    margin: 10px 0 3px 0 ! important;
}

.ts_top_container .ms-options-wrap > button:focus, .ts_top_container .ms-options-wrap > button{
    height: 35px;
    line-height: 35px;
    overflow-y: hidden;
}


.ts_small .ms-options-wrap > button:focus, .ts_small .ms-options-wrap > button{
    height: 36px !important;
    line-height: 34px !important;
}

.ts_top_container .ms-options-wrap > .ms-options .ms-selectall {
    font-size: 1em;
    padding-left: 6px;
}

.ts_flex, .d-flex, .ts_f{
    display: flex !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
}

.ts_just_flex{
    display: flex;
}

.ts_grid{
    display: grid;
}

.ts_flex_column{
    flex-direction: column;
}

.ts_flex_items_center{
    display: flex !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    align-items: center !important;
}

.ts_inline_flex, .t_i_f{
    display: inline-flex !important;
}
.ts_display_none{
    display: none !important;
}
.ts_inline_block{
    display: inline-block !important;
}
.ts_f_center, .ts_f_c{
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
    -webkit-box-align: center !important;
    align-items: center !important;
    display: flex !important;
}

.ts_t_wrap{
    text-wrap: wrap;
}

.ts_f_j_center, .ts_f_j_c{
    justify-content: center;
}

.ts_f_j_r{
    justify-content: right;
}

.ts_f_j_l{
    justify-content: left;
}

.ts_f_a_c{
    align-items: center;
}

.ts_f_a_e{
    align-items: end;
}


.ts_float_none{
    float: none !important;
}

.ts_f_none{
    float: none !important;
}

.ts_f_j_start{
    justify-content: start;
}

.ts_f_j_end{
    display: flex;
    justify-content: end;
}

.ts_noborder{
    border: none !important;
}

.ts_nofloat{
    float: unset !important;
}

.ts_pos_unset{
    position: unset !important;
}

.ts_auto_mr{
    margin: auto !important;
}

.ts_zero_mr{
    margin: 0px !important;
}

.ts_txt_cntr{
    text-align: center !important;
}

.ts_input_highlight:focus{
    text-decoration: underline;
}

.ts_input_highlight:focus::-webkit-input-placeholder{
    opacity: 0;
}

.ts_input_highlight:focus::-moz-placeholder{
    opacity: 0;
}
.ts_input_highlight:focus::-moz-placeholder{
    opacity: 0;
}
.ts_input_highlight:focus::-ms-input-placeholder{
    opacity: 0;
}

.is_mobile .ts_mobile_x_scroll{
    overflow-x: scroll;
}

.is_mobile .ts_hide_in_mobile{
    display: none !important;
}


/* form elements */

.tag-editor {
    min-height: 40px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border: 1px solid #e0e0e0 !important;
    background: none !important;
    box-shadow: none !important;
    border-radius: 3px !important;
}

.ts-form.ts-outline {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.ts-form.ts-outline.ts-lm {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.ts-form.ts-outline input.ts_short, .ts-form.ts-outline textarea.ts_short{
    border-radius: 4px;

}

.ts_form_block{
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 15px 12px;
}

.ts_input.form-control.ui-autocomplete{
    height: unset;
}

.ts_input.form-control{
    height: 42px;
    /*box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%) !important;
    border: 1px solid transparent !important;*/
}

.ts-form.ts-outline .tag-editor{
    /*box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%) !important;
    border: 1px solid transparent !important;*/
}

.ts-form.ts-outline input.ts_short:focus, .ts-form.ts-outline input.ts_short:focus:hover,
.ts-form.ts-outline ul.tag-editor:hover, .ts_form_block:hover, .ts-form.ts-outline input.ts_short.ts_active{

    border-color: var(--main-color) !important;
    -webkit-box-shadow: inset 0 0 0 1px var(--main-color) !important;
    box-shadow: inset 0 0 0 1px var(--main-color) !important;
}

/*.ts-form.ts-outline input.ts_short[type="text"]+label.active,
.ts-form.ts-outline .ts_input.ts_short+label.active,
.ts-form.ts-outline input.ts_short[type="text"]+*+label.active,
.ts-form.ts-outline input.ts_file_with_label+label.active,
.ts_form_block label.ts_short:first-child{
    left: 20px;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: 500;
    background: #fff;
    -webkit-transform: translateY(-13px) scale(0.8);
    transform: translateY(-13px) scale(0.8);
    top: 0px;
    font-size: 18px;
    position: absolute;
    display: inline-block;
    transition: top 200ms ease-in, left 200ms ease-in, font-size 200ms ease-in;
}*/

.ts-form.ts-outline .ts_input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

}

.ts-form.ts-outline .ts_input:has(+label.ts_short.active)::placeholder {
    opacity: 0;
}

.ts-form.ts-outline input.ts_short[type="text"]+label.active,
.ts-form.ts-outline .ts_input.ts_short+label.active,
.ts-form.ts-outline input.ts_short[type="text"]+*+label.active,
.ts-form.ts-outline input.ts_file_with_label+label.active,
.ts_form_block label.ts_short:first-child{
    left: 20px;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: 500;
    /*background: #fff;*/
    /*color: #777474 !important;*/
    -webkit-transform: translateY(-13px) scale(0.8);
    transform: translateY(-13px) scale(0.8);
    left: 1rem;
    /*top: 28px;*/
    /*top: calc(50% - 10px + 0.375rem);*/
    top: calc(50% - 0px);
    font-size: 16px;
    position: absolute;
    display: inline-block;
    cursor: text;
    transition: top 200ms ease-in, left 200ms ease-in, font-size 200ms ease-in;
}


/*.form__input:not(:placeholder-shown).form__input:not(:focus) ~ .form__label*/

.ts-form.ts-outline .ts_input.ts_short ~ label.ts_short.active .ts_hint{
    opacity: 0;
}

.ts-form.ts-outline .ts_input.ts_short:focus ~ label.ts_short.active .ts_hint,
.ts-form.ts-outline .ts_input.ts_short:not(:focus):not(:placeholder-shown) ~ label.ts_short.active .ts_hint{
    opacity: 1;
}

.ts-form.ts-outline .ts_input.ts_short:focus ~ label.ts_short.active,
.ts-form.ts-outline .ts_input.ts_short ~ label.ts_short.active.shift_up,
.ts-form.ts-outline .ts_input.ts_short:not(:focus):not(:placeholder-shown) ~ label.ts_short.active
{
    top: 0px;
   /* left: 1.5rem;*/
    background: #ffffff;
    border-radius: 2px;
    padding: 0px 5px;
}


.ts-form.ts-outline.ts_title_box input.ts_short[type="text"]+label.active,
.ts-form.ts-outline.ts_title_box .ts_input.ts_short+label.active,
.ts-form.ts-outline.ts_title_box input.ts_short[type="text"]+*+label.active,
.ts-form.ts-outline.ts_title_box input.ts_file_with_label+label.active,
.ts_form_block.ts_title_box label.ts_short:first-child{
    left: 20px;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: 500;
    /*background: #fff;*/
    border: 1px solid var(--main-color);
    border-radius: 5px;
    background: var(--mainlight-color);
    -webkit-transform: translateY(-13px) scale(0.8);
    transform: translateY(-13px) scale(0.8);
    top: 0px;
    font-size: 18px;
    position: absolute;
    display: inline-block;
}

.ts_form_block label.ts_short:first-child{
    top: -7px !important;
}

.ts-form.ts-outline input.ts_short[type="text"]+label.active.center,
.ts-form.ts-outline input.ts_short[type="text"]+*+label.active.center,
.ts-form.ts-outline input.ts_file_with_label+label.active.center{
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-45%);
    -moz-transform: translateX(-50%) translateY(-45%);
    transform: translateX(-50%) translateY(-45%);
    font-size: 16px;
}



.ts-form.ts-outline input[type="file"] {
    display: none;
}
.ts-form.ts-outline label.file-upload {
    border: 1px solid #ccc;
    display: inline-flex;
    padding: 6px 12px;
    cursor: pointer;
    color: #555;
}

.ts-form.ts-outline label.file-upload i{
    color: #000000;
    margin-right: 4px;
}

.ts-mb-10{
    margin-bottom: 10px !important;
}

.ts-mr-15{
    margin-right: 15px !important;
}

.ts-ml-5{
    margin-left: 5px !important;
}

.ts-mr-5{
    margin-right: 5px !important;
}
.ts-ml-15{
    margin-left: 15px !important;
}

.ts-ml-10p{
    margin-left: 10% !important;
}

.ts-mt-10 {
    margin-top: 10px !important;
}

.ts-mt-5 {
    margin-top: 5px !important;
}


.ts-mt-20 {
    margin-top: 20px !important;
}

.ts-mb-20 {
    margin-bottom: 20px !important;
}

.ts-mt-40 {
    margin-top: 40px !important;
}

.ts-mb-40 {
    margin-bottom: 40px !important;
}

.ts_min_zindex{
    z-index: 1 !important;
}

/* form elements */

/* vuetables */
td.vuetable-slot.orderamount p{
    margin: 0 0 4px !important;
}
td.vuetable-slot.orderamount p.ts-mb-20{
    margin-bottom: 20px !important;
}
td.vuetable-slot.orderamount p.ts-mt-10 {
    margin-top: 10px !important;
}
.vuetable>tbody>tr>td.ts_td_relative{
    position: relative;
}
.vuetable-pagination-info{
    font-size: 12px;
}
.vuetable-pagination .btn{
    padding: 3px 8px;
    line-height: 1.2;
    margin-right: 1px;
}

.vuetable-pagination{
    margin-top: auto;
    margin-bottom: auto;
}

select.vuetable-pagination-dropdown{
    padding: 0em;
    /*background-color: var(--main-color);*/
    height: 32px !important;
    color: #000000;
    border-radius: 6px;
    border: solid 1px #e8e8e8;
    font-size: 14px;
    padding: 0px 4px;
}

#ts_pagination_root_container{
    display: flex;
    flex-direction: column;
    /*justify-content: flex-end;*/
}

#ts_pagination_root_container.has_selection{
    flex-direction: unset;
    justify-content: flex-end;
}

#ts_pagination_root_container .vuetable-pagination{
    justify-content: end;
    display: flex;
}

#ts_pagination_root_container .vuetable-pagination-info{
    justify-content: end;
    display: flex;
    padding-right: 18px;
}

.vuetable-body tr .hover_show{
    display: none;
}
.vuetable-body tr:hover .hover_show{
    display: block;
    transition: display 2s ease;
}

.vuetable-body tr .hover_show_inline{
    display: none;
}
.vuetable-body tr:hover .hover_show_inline{
    display: inline-flex;
    transition: display 2s ease;
}

.vuetable-body tr .hover_show_inline_normal{
    display: none;
}
.vuetable-body tr:hover .hover_show_inline_normal{
    display: inline;
    transition: display 2s ease;
}

.vuetable-body tr:hover .hover_not_show{
    display: none;
}

.vuetable-body tr .hover_not_show{
    display: block;
    transition: display 2s ease;
}

.vuetable-body tr.priority_high .ts_item_priority{
    background-color: #FF4D4F !important;
}

.vuetable-body tr.priority_high .ts_item_priority .statusselected, .vuetable-body tr.priority_high .ts_item_priority i{
    color: #ffffff !important;
}

.vuetable-body tr.priority_high .ts_item_priority.module_add_dropdown{
    box-shadow: 1px 1px 3px #ffffff;
}

.ts_call_status[data-status="Missed"], .ts_call_status[data-status="Not Connected"] {
    color: #FF4D4F;
    font-weight: 900;
}

.ts_call_status[data-status="Connected"] {
    /*color: var(--maindark-color);*/
    color: #747475;
    font-weight: 900;
}

.ts_red{
    color: #FF4D4F;
}


.vuetable-body tr.priority_important .ts_item_priority{
    background-color: #FF4D4F !important;
}

.vuetable-body tr.priority_important .ts_item_priority .statusselected, .vuetable-body tr.priority_important .ts_item_priority i{
    color: #ffffff !important;
}

.vuetable-body tr.priority_important .ts_item_priority.module_add_dropdown{
    box-shadow: 1px 1px 3px #ffffff;
}



.vuetable-body tr.status_not_contacted .ts_enquiry_status{
    background-color: #FF4D4F !important;
}

.vuetable-body tr.status_auto_followup .ts_enquiry_status{
    background-color: #FFC107 !important;
}

.vuetable-body tr.status_auto_followup .ts_enquiry_status .statusselected,
.vuetable-body tr.status_auto_followup .ts_enquiry_status i{
    color: #ffffff !important;
}


.vuetable-body tr.status_not_contacted .ts_enquiry_status .statusselected,
.vuetable-body tr.status_not_contacted .ts_enquiry_status i{
    color: #ffffff !important;
}

.vuetable-body tr.status_not_contacted .ts_enquiry_status.module_add_dropdown{
    box-shadow: 1px 1px 3px #ffffff;
}



.vuetable-body tr.assigned_to_none .assign_to{
    background-color: #FF4D4F !important;
}

.vuetable-body tr.assigned_to_none .assign_to .statusselected, .vuetable-body tr.assigned_to_none .assign_to i{
    color: #ffffff !important;
}

.vuetable-body .order_paid{
    background-color: #ffffff;
    box-shadow: 1px 1px 3px grey;
    padding: 2px 10px !important;
    border-radius: 5px;
    font-size: 0.9rem;
}

.vuetable-body .order_partially_paid{
    background-color: var(--main-color);
    color: #ffffff;
    padding: 2px 10px !important;
    border-radius: 5px;
    font-size: 0.9rem;
}
.vuetable-body .order_not_paid{
    background-color: #FF4D4F;
    color: #ffffff;
    padding: 2px 10px !important;
    border-radius: 5px;
    font-size: 0.9rem;
}

.vuetable-body tr.assigned_to_none .assign_to.module_add_dropdown{
    box-shadow: 1px 1px 3px #ffffff;
}

.ts_action_dropdown_menu.action_selected_btn.managed_by{
   /* box-shadow: unset !important;*/
}

.ts_action_dropdown_menu.action_selected_btn.managed_by .statusselected{
    padding: 2px 2px !important;
}


/*.vuetable-body tr.priority_medium .ts_item_priority{
    background-color: #de800a !important;
}

.vuetable-body tr.priority_medium .ts_item_priority .statusselected, .vuetable-body tr.priority_medium .ts_item_priority i{
    color: #ffffff !important;
}

.vuetable-body tr.priority_medium .ts_item_priority.module_add_dropdown{
    box-shadow: 1px 1px 3px #ffffff;
}*/



/*.vuetable-body tr.priority_high .ts_item_priority .statusselected, .vuetable-body tr.priority_high .ts_item_priority i{
    color: #FF4D4F !important;
}

.vuetable-body tr.priority_high .ts_item_priority.module_add_dropdown{
    box-shadow: 1px 1px 3px #FF4D4F;
}*/

/*.vuetable-body tr.priority_important .ts_item_priority .statusselected, .vuetable-body tr.priority_important .ts_item_priority i{
    color: #FF4D4F !important;
}

.vuetable-body tr.priority_important .ts_item_priority.module_add_dropdown{
    box-shadow: 1px 1px 3px #FF4D4F;
}*/


.vuetable-body tr.priority_medium .ts_item_priority .statusselected, .vuetable-body tr.priority_medium .ts_item_priority i{
    color: #de800a !important;
}

.vuetable-body tr.priority_medium .ts_item_priority.module_add_dropdown{
    /*box-shadow: 1px 1px 3px #de800a;*/
}


.vuetable-body tr.priority_low .ts_item_priority .statusselected, .vuetable-body tr.priority_low .ts_item_priority i{
    color: #FFC107 !important;
}

.vuetable-body tr.priority_low .ts_item_priority.module_add_dropdown{
    /*box-shadow: 1px 1px 3px #FFC107;*/
}





.table>tbody>tr>td.vuetable-checkboxes, .table>thead>tr>th[class^="vuetable-th-checkbox"]  {
    text-align: center !important;
    padding: 8px 0 !important;
}

.voucher_options{
    color: #000000;
}

.voucher_options li a i {
    color: #ffffff !important;
}

.voucher_options li a {
    line-height: unset !important;
    /*height: unset !important;*/
    display: flex !important;
    align-items: center;
}

.voucher_options li{
    display: inline-flex;
    align-items: center;
    padding: 3px 0px !important;
    margin: 3px 0px;
}

.voucher_options li span{
    margin-right: 6px;
}

.ts_hover_parent:hover .hover_show_inline,.ts_hover_parent:hover .h_s_i_b{
    display: inline-block;
    transition: display 2s ease;
}

.ts_hover_parent:hover .hover_show_flex, .ts_hover_parent:hover .hover_s_f{
    display: flex;
    transition: display 2s ease;
}

.ts_hover_parent:hover .hover_show_inline_flex, .ts_hover_parent:hover .hover_s_i_f{
    display: inline-flex !important;
    transition: display 2s ease;
}

.ts_hover_parent .hover_show_inline{
    display: none;
}

.ts_hover_parent .hover_show_flex, .ts_hover_parent .hover_s_f{
    display: none;
}

.ts_hover_parent .hover_show_inline_flex,.ts_hover_parent .hover_s_i_f{
    display: none !important;
}

.ts_hover_parent:hover .hover_show_block, .ts_hover_parent:hover .h_s_b{
    display: block;
    transition: display 2s ease;
}

.ts_hover_parent .hover_show_block, .ts_hover_parent .h_s_b, .ts_hover_parent .h_s_i_b{
    display: none;
}

.no_records_selected{
    font-size: 15px;
}

.vuetable-body .ts_long_text_element{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.vuetable-body .ts_long_text_element.lines-3{
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

.vuetable-body .ts_long_text_element.lines-2{
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.vuetable-body .ts_long_text_element:hover{

    -webkit-line-clamp: 100;
    line-clamp: 100;
}



/* vuetables */

/* TS Styles */



.ui-autocomplete{
    z-index: 100012 !important;
}

.ui-timepicker-wrapper{
    z-index: 100012 !important;
}

 .ui-corner-all{
  font-size: 1em !important;
 }

.ui-widget.ui-widget-content.ui-datepicker{
    /*z-index: 1010 !important;*/
    z-index: 10052 !important;
}

@font-face {
  font-family: GutsyFont;
  /*src: url('../fonts/AvenirLTStd-Roman.woff');*/
  src: url('../fonts/Poppins/Poppins-Regular.ttf');
    /*src: url('../fonts/josefin/JosefinSans-Regular.ttf');*/
  font-display: swap;
}

/*@font-face {
    font-family: 'Josefin Sans';
    font-display: swap;
    src: url('../fonts/josefin/JosefinSans-Regular.woff2') format('woff2');
}*/
/*!* latin-ext *!
@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/josefinsans/v25/Qw3aZQNVED7rKGKxtqIqX5EUA3x4Vn8siqM7.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
!* latin *!
@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/josefinsans/v25/Qw3aZQNVED7rKGKxtqIqX5EUDXx4Vn8sig.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/

html, body{
    /*font-family: GutsyFont;*/
    font-family: var(--main-font);
    /*font-size: 100%;*/
    /*font-size: 16px;*/
    font-size: 1rem;
    /*overflow-x: hidden;*/
  background-color: #edecec;
    /*background-color: var(--mainlight-color);*/
}

body p{
    /*font-family: GutsyFont;*/
    font-family: var(--main-font);
}
h1, h2, h3, h4, h5 {
    /*font-family: GutsyFont;*/
    font-family: var(--main-font);
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.gtooltip .gtooltiptext {
    /*font-family: GutsyFont;*/
    font-family: var(--main-font);
}

#menu li a {
    /*font-family: GutsyFont;*/
    font-family: var(--main-font);
}

body a{
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -moz-transition:0.5s all;
  -o-transition:0.5s all;
  -ms-transition:0.5s all;
  /*background:#011D4A!mportant;*/
}

a:focus, a:active, a:hover{
color:var(--maindark-color);
}

.ts_dark{
    color:var(--maindark-color) !important;
}

a:focus, a:active, a:hover ,a.dropdown-toggle{
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  text-decoration:none;
}
a {
    background-color:none;
}

a {
  /*color: #008DE7;*/
  color:var(--main-color);
  font-weight:400;
}
a:hover { transition: all 200ms ease-in-out; }

.page-container {
  /*min-width: 1260px;*/
  /*position: relative;*/
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0px auto;
}

.left-content.nosidebar{
    width: 100%;
}
a.sidebar-icon:hover{
  color:#1b93e1;
}
.page-container.sidebar-collapsed {
  transition: all 100ms linear;
  transition-delay: 300ms;
}
li.breadcrumb-item i.fa.fa-angle-right {
    font-size: 25px;
    padding: 0 8px;
    color: #000;
  vertical-align: middle;
}
.breadcrumb > li {
     color: var(--main-color) ! important;
    font-size: 16px ! important;
    vertical-align: middle ! important;
    margin-top: auto;
    margin-bottom: auto;
}
.breadcrumb li a{
  color: var(--maindark-color) ! important;
  /*font-weight: 900;*/
}
#pagescontainer .breadcrumb li a{
    color: var(--main-color) ! important;
    /*font-weight: 900;*/
}
#pagescontainer .breadcrumb li.active {
    color: var(--maindark-color) ! important;
    font-weight: 900;
}

#pagescontainer .breadcrumb > li.active.ts_extender:before{
    padding: 0 0px 0 5px;
}
.page-container.sidebar-collapsed .left-content {
   float: right;
   width: calc(100% - 87px);
   margin-right: 5px;
   /*width: 97%;*/
}

.is_mobile .page-container.sidebar-collapsed .left-content {
    width: calc(100% - 10px);
}

.is_mobile .left-content .mother-grid-inner{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.is_mobile .header-main{
    display: inline-flex;
    width: 100%;
    /*margin-left: 4%;*/
    position: sticky;
    top: 0px;
    z-index: 1031;
    justify-content: center;
}

.page-container.sidebar-collapsed-back {
    transition: all 100ms linear;
}
.page-container.sidebar-collapsed-back .left-content {
  transition: all 100ms linear;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  float: right;
  width: calc(100% - max(16%, 230px));
  padding: 0 0.75em;
}

.is_mobile_large .page-container.sidebar-collapsed-back .left-content{
    width: calc(100% - 82px);
}

.page-container.sidebar-collapsed .sidebar-menu {
  width: 65px;
  transition: all 100ms ease-in-out;
  transition-delay: 300ms;
}
.page-container.sidebar-collapsed-back .sidebar-menu {
  width: 230px;
  transition: all 100ms ease-in-out;
}
.page-container.sidebar-collapsed .sidebar-icon {
   transform: rotate(180deg);
   transition: all 300ms ease-in-out;
   margin-right: 0em;
    margin-top: -8px;
    color: var(--main-color);
    background: #fff;
    border-radius: 0;
    position: unset;
    margin: auto;
    /*margin-right: -15px;*/
}

.page-container.sidebar-collapsed-back .sidebar-icon {
  transform: rotate(0deg);
  transition: all 300ms ease-in-out;
    position: absolute;
    right: 0px;
}

.page-container .sidebar-icon {
    position: absolute;
    right: 0px;
    /*margin-right: -15px;*/
}

.page-container .sidebar-icon:focus {
    background: #ffffff;
    color: var(--main-color);
}

.page-container.sidebar-collapsed .sidebar-icon:hover {
  background: var(--maindark-color);
   color: #fff;
}
.page-container.sidebar-collapsed .sidebar-icon:hover span{
  color: #fff;
}
.page-container.sidebar-collapsed .logo {
  padding: 21px 0;
  height: 63px;
  box-sizing: border-box;
  transition: all 100ms ease-in-out;
  transition-delay: 300ms;
}
.page-container.sidebar-collapsed #logo {
    opacity: 0;
    transition: all 200ms ease-in-out;
    display: none;
}
.page-container.sidebar-collapsed .down {
    display: none;
}
.page-container.sidebar-collapsed-back #logo {
  opacity: 1;
  transition: all 200ms ease-in-out;
  transition-delay: 300ms;;
}
.page-container.sidebar-collapsed #menu span {
  opacity: 0;
  transition: all 50ms linear;
}
.page-container.sidebar-collapsed-back #menu span {
  opacity: 1;
  transition: all 200ms linear;
  transition-delay: 300ms;
}
.sidebar-menu {
    position: fixed;
    float: left;
    width: 230px;
    top: 0;
    left: 0;
    bottom: 0;
    background-color:#333333;
    color: #aaabae;
    box-shadow: 0px 0px 10px 0px rgb(58, 41, 31);
  -o-box-shadow: 0px 0px 10px 0px rgb(58, 41, 31);
  -webkit-box-shadow: 0px 0px 10px 0px rgb(58, 41, 31);
  -moz-box-shadow: 0px 0px 10px 0px rgb(58, 41, 31);
   z-index: 999;
}
label.col-sm-2.control-label, label.control-label {
    font-size: 16px !important;
    margin-top: 0px;
    padding-top: 0px;
}
#menu {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
#menu li {
  position: relative;
  margin: 0;
  border-bottom:1px ridge rgba(255, 255, 255, 0.04);
  /*border-bottom:1px ridge rgba(253, 232, 206, 0.04); */
  padding: 0;
  padding: 0;
}
#menu li ul {
  height: 0px;
}
#menu li a {
  font-style: normal;
    font-weight: 400;
    position: relative;
    display: block;
    padding: 12px 20px;
    color: #fff;
    white-space: nowrap;
    z-index: 2;
    background-color: #333333;
    font-size:0.9em;
  border:none;
  border-left: 4px solid #333333;
}
#menu li a:hover {
  color: #ffffff;
  background-color:var(--main-color);
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
  border-left: 4px solid #4A4A4A;
}

.ts_text_wrap_ellipsis{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}
/*#menu li a:hover {
    color: #ffffff;
    background-color: var(--main-color);
    transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    border-radius: 50px;
}*/
#menu li.active > a {
  background-color: #2b303a;
  color: #ffffff;
}
#menu ul li {
    background-color: #333333;
}
#menu ul li a{
    cursor: pointer;
}
#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#menu li ul {
  position: fixed;
  display: none;
  left: 230px;
  background-color: #2b303a;
  /*background-color: red;*/
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  transition: opacity 0.1s linear;
  border-top: 1px solid rgba(69, 74, 84, 0.7);
}

#menu #menu-academico:hover > ul {display:block;
}

/*#menu #menu-academico:hover > ul:hover {display:block;
}*/
/*#menu li:hover > ul {
  display: block;
  opacity: 1;
}*/
li#menu-mensagens,li#menu-arquivos {
background-color:#00C6D7!important;
}
#menu li li ul {
  right: 100%;
  visibility: hidden;
  top: -1px;
  opacity: 0;
  transition: opacity 0.1s linear;
}
#menu li li:hover ul {
  visibility: visible;
  opacity: 1;
}

#menu .fa { margin-right: 5px; }

.sidebar-menu .logo1 {
    width: 100%;
    box-sizing: border-box;
   /* padding: 15px 14px 15px;*/
    padding: unset;
    background: var(--main-color);
    text-align: center;
    display: flex;
}
.page-container.sidebar-collapsed .sidebar-menu .logo1 {
    padding: unset;
}
.sidebar-icon {
    /*margin-top: -2px;*/
    border: none;
    text-align: right;
    line-height: 1;
    font-size: 19px;
    padding: 5px 6px;
    border-radius: 0px;
    color: var(--main-color);
    background: #fff;
    float: none;
    display: flex;
    margin-top: 20px;
}
.sidebar-icon:hover{
  background: var(--maindark-color);
   color: #fff;
}
.sidebar-icon:focus {
    color: var(--main-color);
}
.sidebar-icon:hover span{
  color: #fff;
}
ul#menu i {
    font-size: 1.1em;
    margin-right: 6px;
    width: 10%;
    float: left;
    padding-top: 2px;
}
ul#menu-academico-sub {
    z-index: 999;

}
li#menu-academico{
 z-index: 999;
}
.panel-body.ont {
    padding: 14px;
}
/*#logo
{
    width: 150px;
    height: 64px;
    vertical-align: middle;
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.5));
}*/

.fa-html5 {
  color: #fff;
  margin-left: 50px;
}
.menu {
    text-align: left;
}
/*----*/
/*-- status --*/
.contain {
  width: 100%;
  margin: 0 auto;
}
/*--header --*/
.header-main {
    /*padding:1em;
    background:#fff;*/
    margin-top: 0.4em;
    margin-bottom: 1em;
    display: flex;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    border-radius: 4px ! important;
}

.logo-w3-agile h1 {
    margin: 0;
    font-size: 25px;
}

@media screen and (min-width:200px) and (max-width:480px) {
    .logo-w3-agile{
        align-items:center;
        display: flex;
    }
    .profile_details{
        justify-content:center;
        align-items:center;
    }
    .header_r_block{
        text-align:center;
        /*margin:10px 0;
        width:100%;*/
    }

    .logo-w3-agile h1 {
        font-size: 20px;
    }

    .header_r_block a span{
        font-size: 12px;
    }

    .header_r_block i{
        font-size: 1.5rem !important;
    }
}
@media screen and (min-width:481px) and (max-width:800px) {
    .logo-w3-agile{
        align-items:center;
        display: flex;
    }
    .profile_details{
        justify-content:center;
        align-items:center;
        margin-right: 10px;
    }
    .header_r_block{
        text-align:center;
        /*margin:0px 10px 10px 0px;*/
        width:50%;
    }

    .logo-w3-agile h1 {
        font-size: 20px;
    }
}

@media (min-width: 1200px) {
    .logo-w3-agile h1 {
        margin: 0;
        font-size: 28px;
    }
}

.logo-w3-agile h1 a {
    color: #fff;
    /*text-transform: uppercase;*/
    display: inline-block;
}

.profile_details {
    float: left;
    /*width: 22%;*/
    max-width: 19%;
    /*max-width: 33%;
    min-width:22%;*/
    /*background: #1b93e1;*/
    background: var(--main-color);
    text-align: center;
    padding: 0.3em 1em;
    min-height: 60px;
    max-height: 65px;
    height:65px;
    border-radius: 0px ! important;
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.profile_details.w3l:hover .top_profile_drop_menu_container{
    background-color: var(--maindark-color);
    border-radius: 5px;
}

.is_mobile .top_profile_drop_menu_container{
    margin-left: 14px;
    background-color: var(--maindark-color);
    border-radius: 5px;
}

.is_mobile .top_profile_drop_menu_container i.pr_icon{
    color: #ffffff !important;
    font-size: 25px;
    right: unset !important;
    position: unset !important;
}

.logo-w3-agile {
    /*background: #a2d200;*/
    background: var(--main-color);
    float: left;
    /*width: 64%;*/
    width: auto;
    flex-grow: 1;
    text-align: center;
   padding: 1em;
   margin-right: 0%;
   min-height: 60px;
   max-height: 65px;
   height: 65px;
   border-radius: 0px ! important;
   border-bottom-left-radius: 4px !important;
   border-top-left-radius: 4px !important;

    justify-content: center;
    align-items: center;
    display: flex;
}

.is_mobile .logo-w3-agile{
    flex-grow: unset;
    padding: 0.2em;
}

.header_r_block{
    background: var(--main-color);
    border-radius: 0px ! important;
    margin-left: 0%;
    /*width: 12%;*/
    width: 75px;
    /*width: 80px;*/
    float: left;
    padding: 9px 6px;
    min-height: 60px;
    max-height: 65px;
    height: 65px;
    color: #ffffff;
}

.header_r_block.highlight a{
    background-size: 250% 250% !important;
    border-radius: 5px;
    color: #fff;
    background:linear-gradient(-45deg, #CA7AF0,#F78533,#CA7AF0,#F78533);
    animation: gradient 5s ease !important;
    animation-iteration-count: 3 !important;
}

button.btn.highlight, .ts_highlight, .btn.highlight {
    background-size: 250% 250% !important;
    border-radius: 5px;
    color: #fff;
    background:linear-gradient(-45deg, #CA7AF0,#F78533,#CA7AF0,#F78533) !important;
    animation: gradient 5s ease !important;
    animation-iteration-count: 300 !important;
    cursor: pointer;
}

.ts_button{
    background-color: #edecec;
}

.header_r_block a{
    font-size: 13px;
    cursor: pointer;
    padding: 3px 0px;
    margin: auto;
}

.header_r_block:hover a{
    background-color: var(--maindark-color);
    border-radius: 5px;
}

.header_r_block:hover li a{
    background-color: unset;
    border-radius: 5px;
}

.header_r_block a span{
    text-align: center;
}

.header_r_block i{
    font-size: 1.5rem;
}

.nav > li > a:hover, .nav > li > a:focus {
    background: none !important;
}
span.logo-clr{
  color:#fdbb30;
}
.page-container.sidebar-collapsed-back #menu span.fa.fa-angle-right{
  position: absolute;
    top: 0px;
    right: 20px;
}


::-webkit-input-placeholder{
   color:#7A7B78 !important;
}
/*--//search-ends --*/
/*--- Progress Bar ----*/


.animate > span:after {
  display: none;
}

@-webkit-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}

@-moz-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}

.red > span {
  background-color: #65CEA7;
}

.nostripes > span > span, .nostripes > span:after {
  -webkit-animation: none;
  -moz-animation: none;
  background-image: none;
}
/*--- User Panel---*/
.dropdown-menu {
    box-shadow: 2px 3px 4px rgba(0, 0, 0, .175);
  -webkit-box-shadow: 2px 3px 4px rgba(0, 0, 0, .175);
  -moz-box-shadow: 2px 3px 4px rgba(0, 0, 0, .175);
    border-radius: 0;
}
li.dropdown.head-dpdn {
    display: inline-block;
    padding: 0.2em 0;
    float: left;
}
li.dropdown.head-dpdn a.dropdown-toggle {
   margin: 1em 1.9em;
}
ul.dropdown-menu li {
    margin-left: 0;
    width: 100%;
    padding: 0;
  background: #fff;
}
.user-panel-top ul{
  padding-left:0;
}
.user-panel-top li{
  float:left;
  margin-left:15px;
  position:relative;
}
.user-panel-top li span.digit{
    font-size:11px;
    font-weight:bold;
  color:#FFF;
  background:#e64c65;
  line-height:20px;
  width:20px;
  height:20px;
  border-radius:2em;
  -webkit-border-radius:2em;
  -moz-border-radius:2em;
  -o-border-radius:2em; 
  text-align:center;
  display: inline-block;
  position: absolute;
  top: -3px;
  right: -10px;
}
.user-panel-top li:first-child{
  margin-left:0;
}
.sidebar .nav-second-level li a.active ,.sidebar ul li a.active{
    color: #F2B33F;
}
li.active a i, .act a i {
    /*color: #F2B33F;*/
}
.custom-nav > li.act > a, .custom-nav > li.act > a:hover, .custom-nav > li.act > a:focus {
    background-color: #353f4f;
    color:#8BC34A;
}
.user-panel-top li a{
  display: block;
  padding: 5px;
  text-decoration:none;
}
li.dropdown.head-dpdn i {
    color: #fff;
    font-size: 30px;
}
.user-panel-top li a:hover{
  border-color:rgba(101, 124, 153, 0.93);
}
.user-panel-top li a i{
  width:24px;
  height:24px;
  display: block;
  text-align:center;
  line-height:25px;
}
.user-panel-top li a i span{
  font-size:15px;
  color:#FFF;
}
.user-panel-top li a.user{
  background:#667686;
}
.user-panel-top li span.green{
  background:#a88add;
}
.user-panel-top li span.red{
  background:#b8c9f1;
}
.user-panel-top li span.yellow{
  background:#bdc3c7;
}
/***** Messages *************/
.notification_header{
  background-color:#FAFAFA;
  padding: 10px 15px;
  border-bottom:1px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 8px;
}
.notification_header h3{  
  color:#6A6A6A;
  font-size:12px;
  font-weight:600;
  margin:0;
}
.notification_bottom {
    background-color:rgba(93, 90, 88, 0.07);
    padding: 4px 0;
    text-align: center;
  margin-top: 5px;
}
.notification_bottom a {
    color: #6F6F6F;
   font-size: 1em;
}
.notification_bottom a:hover {
    color:#6164C1;
}
.notification_bottom h3 a{  
  color: #717171;
  font-size:12px;
  border-radius:0;
  border:none;
  padding:0;
  text-align:center;
}
.notification_bottom h3 a:hover{  
  color:#4A4A4A;
  text-decoration:underline;
  background:none;
}
.user_img{
  float:left;
  width:19%;
}
.user_img img{
  max-width:100%;
  display:block;
  border-radius:2em;
  -webkit-border-radius:2em;
  -moz-border-radius:2em;
  -o-border-radius:2em;
}
.notification_desc{
  float:left;
  width:70%;
  margin-left:5%;
}
.notification_desc p{
  color:#757575;
  font-size:13px;
  padding:2px 0;
}
.wrapper-dropdown-2 .dropdown li a:hover .notification_desc p{
  color:#424242;
}
.notification_desc p span{
  color:#979797 !important;
  font-size:11px;
}
/*---bages---*/


i.icon_1{
  float: left;
  color: #00aced;
  line-height: 2em;
  margin-right: 1em;
}
i.icon_2{
  float: left;
  color:#ef553a;
  line-height: 2em;
  margin-right: 1em;
  font-size: 20px;
}
i.icon_3{
  float: left;
  color:#9358ac;
  line-height: 2em;
  margin-right: 1em;
  font-size: 20px;
}
.avatar_left {
  float: left;
}
i.icon_4{
  width: 45px;
  height: 45px;
  background: #F44336;
  float: left;
  color: #fff;
  text-align: center;
  font-size: 1.5em;
  line-height: 44px;
  font-style: normal;
  margin-right: 1em;
}
i.icon_5{
  background-color: #3949ab;
}
i.icon_6{
  background-color: #03a9f4;
}
.blue-text {
  color: #2196F3 !important;
  float:right;
}
/*---//bages---*/
/*--Progress bars--*/
.progress {
    height: 10px;
    margin: 7px 0;
    overflow: hidden;
    background: #e1e1e1;
    z-index: 1;
    cursor: pointer;
}
.task-info .percentage{
  float:right;
  height:inherit;
  line-height:inherit;
}
.task-desc{
  font-size:12px;
}
.wrapper-dropdown-3 .dropdown li a:hover span.task-desc {
  color:#65cea7;
}
.progress .bar {
    z-index: 2;
    height:15px; 
    font-size: 12px;
    color: white;
    text-align: center;
    float:left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: width 0.6s ease;
      -moz-transition: width 0.6s ease;
      -o-transition: width 0.6s ease;
      transition: width 0.6s ease;
  }
.progress-striped .yellow{
  background:#f0ad4e;
} 
.progress-striped .green{
  background:#5cb85c;
} 
.progress-striped .light-blue{
  background:#4F52BA;
} 
.progress-striped .red{
  background:#d9534f;
} 
.progress-striped .blue{
  background:#428bca;
} 
.progress-striped .orange {
  background:#e94e02;
}
.progress-striped .bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
/*--Progress bars--*/
/********* profile details **********/
ul.dropdown-menu.drp-mnu i.fa, ul.dropdown-menu.drp-mnu i.far {
    /*margin-right: 0.5em;*/
    margin: auto 0.5em auto auto;
}
.ts_notifications ul.dropdown-menu{
    left: unset !important;
    position: relative !important;
    top: 0px !important;
    max-height: 60vh;
    overflow-y: scroll;
    min-width: 30vw;
    z-index: 1030;
}

.is_mobile_large .ts_notifications ul.dropdown-menu{
    min-width: 50vw;
}

.header_r_block.ts_notifications{
    position: relative;
}
/*.header_r_block.ts_notifications:hover .dropdown-menu a{
    background-color: var(--mainlight-color);
}*/
.header_r_block.ts_notifications span.count, .header_r_block span.block_count{
    position: absolute;
    right: 12px;
    color: var(--main-color);
    background-color: #ffffff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-weight: 900;
    top: 10px;
}

ul.gmail_sync_notifications > li > a > div{
    padding: 12px 12px 0px 12px;
}


 ul.gmail_sync_notifications > li:hover > a > div {
    background-color: var(--mainmild-color);
    border-radius: 5px;
}

.pull-center > ul.dropdown-menu{
    left: 50%;
    transform: translate(-50%, 0%);
    right: auto;
}

ul.dropdown-menu {
    padding: 0;
    min-width: 230px;
    top: 30px;
}
.dropdown-menu > li > a {
    padding: 3px 15px;
  font-size: 1em;
}
.dropdown-menu > div > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > div > li > a:hover, .dropdown-menu > div > li > a:focus {
  background-color: var(--mainmild-color);
    border-radius: 5px;
}  
.profile_details_drop .arrowup{
  display:none;
}
.profile_details_drop.open .arrowup{
    display:inline-block;;
  color:#fff ! important;
}
.profile_details_drop.open .arrowdown{
  display:none;
  color:#fff ! important;
}
.profile_details_drop .arrowdown, .profile_details_drop .arrowup{
  color:#fff ! important;
  font-size: 12px;
}
.profile_details_drop a.dropdown-toggle {
    display:block;
  padding:0em 0.5em 0 0.5em;
}
.profile_img span.prfil-img{
  float:left;
}
.user-name{
   /*float:left;*/
   margin-top:0px;
   margin-left:5px;
   /*height:35px;*/
    /*height: 20px;*/
}
.profile_details ul li{
  list-style-type:none;
  position:relative;
  min-width: 100%;
}
.profile_details li a i:not(.pr_icon) {
    position: absolute;
    /*top: 34%;*/
    right: 8%;
    /*color: #1b93e1;*/
    color: var(--main-color);
    /*font-size: 1.6em;*/
}
.profile_details li a{
    display: flex;
    align-items: center;
    padding: 0px 15px !important;
}

.profile_details #top_profile_drop_menu li a{
    padding: 5px 15px !important;
}
.profile_details ul li ul.dropdown-menu.drp-mnu {
    z-index: 1003;
    padding: 0.5em;
    /*transform: translate(-10px, 0px);
    min-width: 190px;
    min-width: 100%;*/
    margin-top: 35px !important;
    top: 10px;
    /*left:0%;*/
    /*left: -50%;*/
    right: 0;
    left: auto;
    border-radius: 8px;
}
ul.dropdown-menu.drp-mnu li {
    list-style-type: none;
    padding: 3px 0;
}
.ts_notifications ul.dropdown-menu.drp-mnu li{
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 4px;
}
.ts_notifications ul.dropdown-menu > li > a > div{
    padding: 8px 15px;
    margin: 4px 0px;
}
.ts_notifications ul.dropdown-menu > li > a:hover{
    background-color: unset;
}
.ts_notifications ul.dropdown-menu > li:hover > a > div{
    background-color: var(--mainmild-color);
    border-radius: 5px;
}
.user-name p{
  font-size:1em;
  color:#fff;
  line-height:1em;
  font-weight:700;
}
.user-name span {
    font-size: 16px;
    /*font-style: italic;*/
    color: #fff;
    font-weight: normal;
    margin-top: .3em;
}
.profile_details ul {
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}
/*--header strip end here-*/
/*--copyrights start here--*/
.copyrights {
    padding: 1.5em 0em;
    margin-bottom: 0.5em;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    background: #fff;
    border-radius: 4px ! important;
}
.copyrights p {
    font-size: 1em;
    color: #696969;
    margin-bottom: 0;
}
.copyrights p a{
    color: var(--main-color);
}
.copyrights p a:hover{
    color:#696969;
}
/*--header --*/
/*---four-grids-----*/ 
.four-agileits {
    background: rgba(222,128,10, 0.9);
    /*background: var(--ts-light-color);*/
    text-align: center;
    padding: 2em 0;
    border-radius: 4px ! important;
}
.four-agileinfo {
    background: #22beef;
    padding: 2em 0;
    text-align: center;
}
.four-w3ls {
    background: #a2d200;
    padding: 2em 0;
    text-align: center;
}
.four-wthree {
    background: #8e44ad;
    padding: 2em 0;
    text-align: center;
}
.four-grid.glink {
  cursor: pointer;
}
.four-grid:nth-child(1) {
    padding-left: 0;
}
.four-grid:nth-child(4n+1) {
    padding-left: 0;
}
.four-grid{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.four-grid:nth-child(4) {
    padding-right: 0;
}
.four-grid:nth-child(4n) {
    padding-right: 0;
}
.four-grids {
    margin: 0.2em 0;
    display: flex;
    flex-wrap: wrap;
}
.four-grid .four-text{
    color: var(--card-text-color);
}
.four-grid i.glyphicon {
    color: var(--card-text-color);
    font-size: 32px;
}
.four-grid i.fas, .four-grid i.far, .four-grid i.fab {
    color: var(--card-text-color);
    font-size: 32px;
}
.four-grid h3 {
    font-size: 20px;
    color: var(--card-text-color);
    margin: 14px 0;
    font-weight: 600;
}
.four-grids h4 {
    font-size: 30px;
    color: var(--card-text-color);
    margin: 0;
}
/*---//four-grids-----*/ 
.card-body.p-b-20 .list-group {
    margin-bottom: 0;
}
img.lg-item-img {
    width: 51px;
    height: 51px;
    border-radius: 50%;
}
/*---photoday-section-----*/ 
.card {
    background: #fff;
    margin-bottom: 20px;
   box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
*, :active, :focus, :hover {
    outline: 0!important;
    -webkit-tap-highlight-color: transparent!important;
}
.wthree-crd {
    padding-left: 0;
}
.w3-agile-crd {
    padding-right: 0;
}
.p-r-20 {
    padding-right: 20px!important;
}
.p-l-20 {
    padding-left: 20px!important;
}
.m-0 {
    margin: 0!important;
}
.widget-report-table h3 {
    line-height: 36px;
    font-size: 24px;
    font-weight: 300;
}
.c-teal {
    color: #ff4a43!important
}
.f-300 {
    font-weight: 300!important;
}
.m-t-20 {
    margin-top: 20px!important;
}

.m-b-20 {
    margin-bottom: 20px!important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.text-right {
    text-align: right;
}
.p-15 {
    padding: 15px!important;
}
.widget-report-table .table-bordered, .widget-status-table .table-bordered {
    border-top: 0;
}
.table-bordered, .table-bordered>tbody>tr>td:last-child, .table-bordered>tbody>tr>th:last-child, .table-bordered>thead>tr>th:last-child {
    border-right: 0;
}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th {
    border-bottom: 0;
    border-left: 0;
}
.card-header h3 {
    font-size: 24px;
    margin:0;
}
header.widget-header h4 {
    font-size: 24px;
}
.table {
    margin-bottom: 0;
}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #F5F5F5;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 18px;
}
pre code, table {
    background-color: transparent;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0;
}
.table-bordered>thead>tr>th {
    border-left: 0;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 12px;
}
.table>thead>tr>th {
    background-color: #fff;
    vertical-align: middle;
    font-weight: 500;
    color: #333;
    border-width: 1px;
}
.btn, .m-sidebar header h2, .p-menu>li>a, .popover-title, .table>thead>tr>th {
    /*text-transform: uppercase;*/
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom-width: 2px;
}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #F5F5F5;
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #F5F5F5;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 15px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #F5F5F5;
}
*, :active, :focus, :hover {
    outline: 0!important;
    -webkit-tap-highlight-color: transparent!important;
}
caption, th {
    text-align: left;
}
td, th {
    padding: 0;
}
*, a, button, i, input {
    -webkit-font-smoothing: antialiased;
}
.list-group .list-group-item {
    border: 0;
    margin: 0;
    padding: 18px 14px;
}
.list-group-item:first-child {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}
a.list-group-item, button.list-group-item {
    color: #555;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid #E9E9E9;
}
.pull-right {
    float: right!important;
}
.agileinfo-cdr {
    padding: 25px 27px;
}
.media>.pull-left {
    padding-right: 15px;
}
.pull-left {
    float: left!important;
}
.dropdown-menu.pull-center {
    left: 50%;
    transform: translateX(-50%);
}

.dropdown-menu.pull-center-60 {
    left: 50%;
    transform: translateX(-60%);
}
.widget h4 {
    margin: 0;
    line-height: 100%;
    font-size: 18px;
    font-weight: 400;
}
hr {
    margin-top: 18px;
    margin-bottom: 18px;
    border-top: 1px solid #eee;
}

.card .card-body.card-padding {
    padding: 23px 27px;
}

.panel-body .list-group {
    margin-bottom: 0;
}
/*---//photoday-section-----*/ 
.lg-item-heading {
    color: #000;
    font-weight: 600;
}
small.lg-item-text {
    color: #777;
}
/*---panel-----*/ 
.panel {
    box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.05);
    transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -ms-transition: all ease 0.5s;
    position: relative;
    border: 0;
    display: inline-block;
    width: 100%;
    /*background: rgb(142, 68, 173);*/
    background-color: var(--main-color);
    border-radius: 0;
}
.panel-default>.panel-heading {
    color: #ffffff;
    background-color: rgba(255,255,255,0.1);
    font-weight: 400;
    font-size: 15px;
    border-radius: 0;
    border-color: rgba(255,255,255,0.2);
}
.panel-body {
    padding: 15px;
}
.list-group {
    margin-top: 10px;
    margin-bottom: 10px;
}
.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.list-group fa i{
    font-size: 16px;
    margin-right: 15px;
    color: #ffffff;
}
a.list-group-item, button.list-group-item {
    color: #fff;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.list-group-item {
    margin-bottom: -1px;
    border: 1px solid rgba(255,255,255,0.1);
    line-height: 20px;
    background: rgba(255,255,255,0.1);
}
.text-muted {
    color: rgba(255,255,255,0.5);
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(255,255,255,0.2);
}
.wthree-pan:first-child {
    padding-left: 0;
}
/*---//panel-----*/ 
/*svg {
    width: 100%!important;
}*/
.btn-group {
    margin: 1em 0 !important;
}
.agileinfo-grap {
    padding: 1em;
    border: 1px solid #e7ebee;
    margin-bottom: 2em;
    background: #fff;
   box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .wizard-cancel:hover, .wizard-cancel:focus, .wizard-cancel:active, .wizard-cancel.active, .wizard-back:hover, .wizard-back:focus, .wizard-back:active, .wizard-back.active {
    background-color: #ff4a43;
    border-color: #ff4a43;
    color: #fff;
}
.theme-blue .btn-primary, .theme-blue .btn-default, .theme-blue .btn-info, .theme-blue .btn-success, .theme-blue .btn-warning, .theme-blue .btn-danger, .theme-blue .btn-primary:hover, .theme-blue .btn-default:hover, .theme-blue .btn-info:hover, .theme-blue .btn-success:hover, .theme-blue .btn-warning:hover, .theme-blue .btn-danger:hover {
    color: #fff;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: #ff4a43;
    border-color: #ff4a43;
}
header.agileits-box-header.clearfix h3 {
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    color: #2A2F43;
}
/*--inbox--*/
.inbox-right {
    background-color: #fff;
    padding: 1.8em;
    border: 1px solid #ebeff6;
    border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.table-img img{
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -o-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}
.table-row td{
  font-size: 1em;
      padding: 15px 8px 15px !important;
     line-height: 1.42857143;
    vertical-align:middle !important; 
    border-top: 1px solid #ddd;
}
td.table-text h6{
  font-size: 1.2em;
  color:#000;
}
td.table-text p{
  font-size:0.9em;
  line-height: 1.5em;
  color:#999;
}
/*td i{
  color:#999;
}*/
td span{
  padding: 4px 7px;
}
td span.fam{
  color:#fff;
  font-size: 0.8em;
  padding: 4px 7px;
}
td span.fam{
  background:#1b93e1;
  color:#fff;
}
td span.ur{
  background: #FFA800;
  color:#fff;
}
td span.work{
  background: #ff9501;
  color:#fff;
}
td span.mar{
  background: #e74c3c;
  color:#fff;
}
.nav > li > a {
    color: #999;
    font-weight: 500;
    padding: 0px 20px 0px 0px;
    font-size: 0.85em;
    border-bottom: 1px solid #E9E9E9;
}
.compose h2{
  font-size: 1.2em;
    color: #fff;
    background: #1b93e1;
    text-align: center;
    padding: 10px;
  margin:0;
}
.inbox-mail{
  padding: 1em 0;
}
.input-group{
  padding-bottom: 1em;
}

.float-right {
    float: right;
}
.float-left {
    float: left;
}
.mail-toolbar {
    padding-bottom: 2em;
}
.table {
    margin-bottom: 0;
}
.form-control2 {
    border: 1px solid #e0e0e0;
    padding: 5px 8px;
    color: #616161;
    width: 100%;
    font-size: 0.85em;
    font-weight: 300;
    height: 40px;
    -webkit-appearance: none;
  outline: none;
  font-family: 'Muli-Regular';
  background-color: #fff;
    border: 1px solid #ebeff6;
    border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.input-group-btn button.btn.btn-success{
  line-height: 24px;
    background-color: #FFA800;
   border: 1px solid transparent;
     border-color: #FFA800;
    border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.nav-sidebar ul li a span{
  color: #fff;
    font-size: 0.8em;
    background:#e74c3c;
    border-radius: 10px;
    width: 25px;
    height: 18px;
    display: inline-block;
    line-height: 1.7em;
    text-align: center;
    float: right;
}
.content-box {
    background-color: #fff;
    border: 1px solid #ebeff6;
    border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.content-box ul li{
   list-style:none;
}
.content-box ul li a{
   font-size:1em;
   color:#999;
   padding:0.5em 1em;
   display: block;
}
.content-box ul li span{
   font-size:1.1em;
   color:#fff;
   padding:0.5em 1em;
   background:#1ABC9C;
   display: block;
    border-top-left-radius: 4px;
   -webkit-border-top-left-radius: 4px;
   -o-border-top-left-radius: 4px;
   -ms-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   -webkit-border-top-right-radius: 4px;
   -o-border-top-right-radius: 4px;
   -ms-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  
}
.content-box ul li a i{
   margin-right:4%;
}
.tabs  li a{
  padding:1em;
}
.tabs  li a:hover{
  background:#ff9501 !important;
  color:#fff;
}

nav.nav-sidebar {
    margin: 1em 0;
  background: #fff;
  border: 1px solid #ebeff6;
   box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
tr.table-row:hover{
  background:#FAFAFA;
}
.tab-content {
    padding-right: 0px;
}
tr.table-row {
    border-top: 1px solid #F3F3F4;
}
.tab-content-in{
  margin:0;
}
.nav > li > a i {
    margin-right: 14px;
}
.compose.w3layouts {
    padding-left: 0;
}
.w3ls_head {
    text-align: center;
    color: #f99104;
    font-size: 36px;
    text-transform: uppercase;
    margin:30px 0;
}
.agile3-grids {
    margin-top: 2em;
}
/*-- grids --*/
.mb40 {
    margin-bottom: 40px !important;
}
.demo-grid {
    background: #90bad6;
    border: 1px solid #90bad6;
    padding: 10px 0;
}
code {
    padding: 0;
    background: none;
    color: #000000;
}
.mb40:nth-child(9){
  margin-bottom:0 !important;
}
.top-grids{
  background-color: #fff;
    padding: 2em;
    border-radius: 0;
    margin: 0;
      box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  margin-bottom:2em;
}
/*-- //grids --*/
/*-- buttons --*/
/*-- color-variations --*/
.variations-panel {
    padding: 2em;
    border-radius: 0;
    background: #fff;
    margin-bottom: 2em;
   box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-body .col-adjust-8 > .row > div {
    width: 11.1% !important;
    padding-left: 7px;
    padding-right: 7px;
}
.panel-title h3,.hover-buttons h2{
  color: #1b93e1;
    font-size: 1.5em;
    margin: 0 0 1em 0;
}
.bg-dark,.bg-primary,.bg-success,.bg-info,.bg-warning,.bg-danger,.bg-alert,.bg-system {
    margin-bottom: 1em;
}
.w3l-table-info h2,.agile-tables h3 {
    font-size: 28px;
   /* color: #1b93e1;*/
   color: var(--main-color);
}
.mb10 {
    margin-bottom: 10px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.fw600 {
    font-weight: 600 !important;
}
.pv20 {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}
.br-b {
    border-bottom: 1px solid #eeeff1 !important;
}
.br-lighter {
    border-color: #EEE !important;
}
.bg-light {
    background-color: #fafafa;
    color: #666;
}
.bg-light.light {
    background-color: #FEFEFE;
}
.bg-dark {
    background-color: #2a3342 !important;
    color: #8697b2;
}
.text-white {
    color: #fff !important;
}
.bg-dark.light {
    background-color: #364155 !important;
}
.bg-dark.dark {
    background-color: #1e252f !important;
}
.bg-primary {
    background-color: #11a8bb !important;
    color: #a2edf6;
}
.bg-primary.light {
    background-color: #14c1d7 !important;
}
.bg-primary.dark {
    background-color: #0e8f9f !important;
}
.bg-success {
    background-color: #47D178 !important;
    color: #eafaf0;
}
.bg-success.light {
    background-color: #5fd78a !important;
}
.bg-success.dark {
    background-color: #32c867 !important;
}
.bg-info {
    background-color: #47d1af !important;
    color: #eafaf6;
}
.bg-info.light {
    background-color: #5fd7ba !important;
}
.bg-info.dark {
    background-color: #32c8a3 !important;
}
.bg-warning {
    background-color: #ff7444 !important;
    color: #ffffff;
}
.bg-warning.light {
    background-color: #ff8b63 !important;
}
.bg-warning.dark {
    background-color: #ff5d25 !important;
}
.bg-danger {
    background-color: #ee5744 !important;
    color: #ffffff;
}
.bg-danger.light {
    background-color: #f17060 !important;
}
.bg-danger.dark {
    background-color: #eb3e28 !important;
}
.bg-alert {
    background-color: #fdba4b !important;
    color: #ffffff;
}
.bg-alert.light {
    background-color: #fdc669 !important;
}
.bg-alert.dark {
    background-color: #fdae2d !important;
}
.bg-system {
    background-color: #6852b2 !important;
    color: #e3dff1;
}
.bg-system.light {
    background-color: #7a67bb !important;
}
.bg-system.dark {
    background-color: #5b479f !important;
}
/*-- color-variations --*/
.button-states-top-grid{
    position: relative;
    margin-bottom: 0;
    background-color: #fff;
    padding: 28px 32px;
    border-radius: 0;
   box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.button-sizes{
    position: relative;
    margin-bottom: 0;
    background-color: #fff;
    padding: 28px 32px;
    border-radius: 0; 
   box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
#content .panel {
    -webkit-box-shadow: 0 2px 0 #e5eaee;
    box-shadow: 0 2px 0 #e5eaee;
    padding: 28px 32px;
    border-radius: 5px;
}
.mtn {
    margin-top: 0 !important;
}
.panel-heading + .panel-body {
    border-top: 0;
}
#content .panel .panel-body {
    border: 0;
    margin-top: 30px;
}
#content .panel .panel-heading + .panel-body {
    margin-top: 0px;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.bs-component {
    position: relative;
}
.tab_btn.active {
    color: #fff;
    background-color: var(--main-color);
}
.ts_btn_sm{
    min-width: unset !important;
}
.tab_btn {
    min-width: 100px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    /*text-transform: uppercase;*/
    color: var(--main-color);
    background-color: #fff;
    cursor: pointer;
    background-image: none;
    border:  1px solid var(--main-color);
    white-space: nowrap;
    padding: 4px 15px;
    border-radius: 3px;
    letter-spacing: 0.02em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    /*text-transform: uppercase;*/
    cursor: pointer;
    background-image: none;
    border: 0;
    border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
    white-space: nowrap;
    padding: 8px 15px;
    border-radius: 3px;
    letter-spacing: 0.02em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn:hover {
    color: #fff;
    background-color: var(--maindark-color);
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-dark {
    color: #fff;
    background-color: var(--main-color);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn.ts_disabled{
    opacity: 0.60;
    filter: alpha(opacity=60);
}
.btn.ts_disabled:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}
.btn-dark.disabled, .btn-dark[disabled], fieldset[disabled] .btn-dark, .btn-dark.disabled:hover, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark:hover, .btn-dark.disabled:focus, .btn-dark[disabled]:focus, fieldset[disabled] .btn-dark:focus, .btn-dark.disabled:active, .btn-dark[disabled]:active, fieldset[disabled] .btn-dark:active, .btn-dark.disabled.active, .btn-dark[disabled].active, fieldset[disabled] .btn-dark.active {
    background-color: #2a3342;
    border-color: #2a3342;
}
.btn-system {
    color: #fff;
    background-color: #6852b2;
}
.btn-system:hover, .btn-system:focus, .btn-system:active, .btn-system.active, .open > .dropdown-toggle.btn-system {
    color: #fff;
    background-color: #2a3342;
    border-color: rgba(0, 0, 0, 0.05);
}
#source-button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    font-weight: 600;
}
.btn-dark.btn-dark:hover, .btn-dark.btn-dark:focus, .btn-dark.btn-dark:active, .btn-dark.btn-dark.active {
    /*background-color: #11a8bb;*/
    background-color: var(--maindark-color);
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark {
    color: #fff;
    background-color: #2a3342;
    border-color: rgba(0, 0, 0, 0.05);
}
.btn-primary {
    color: #fff;
    background-color: var(--main-color);
}
.btn-primary.btn-disable, .btn-disable, .btn-primary.btn-disable:hover, .btn-disable:hover {
    color: #fff;
    background-color: var(--main-common-light);
    pointer-events: none;
}
.btn-primary.btn-disable.show_pointer_events, .btn-disable.show_pointer_events {
    pointer-events: all;
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--maindark-color);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #2d2d2d;
    border-color: #2d2d2d;
}
.btn-xs, .btn-group-xs > .btn {
    padding: 3px 8px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-sm, .btn-group-sm > .btn {
    padding: 5px 14px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn-group-lg > .btn, .btn-lg, .btn-group-lg > .btn {
    width: 105px;
    font-size: 1em;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: var(--maindark-color);
    border-color: rgba(0, 0, 0, 0.05);
}
.w3layouts-map {
    margin-bottom: 1em;
}
.agileits-map{
    margin-bottom: 1em;
}
/*-- icon-hover-effects --*/
a.button,a.button2{
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  padding: 1em;
  cursor: pointer;
  background:none;
  text-decoration: none;
  font-size: 1.2em;
  color: #666;
  /* Prevent highlight colour when element is tapped */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.hover-buttons {
    margin-bottom: 0;
    background-color: #fff;
    padding: 28px 32px;
    border-radius: 0;
   box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.aligncenter {
  text-align: center;
}
.agile-buttons-grids {
    margin-bottom: 2em;
}
ul.bt-list li {
    display: inline-block;
    list-style: none;
    width: 32%;
    margin: 2% 0;
}
ul.bt-list li a {
    padding: 1em 2.5em;
    color: #fff;
}



.col-1 {
    background-color: #399834;
}
.col-2 {
    background-color: #c65186;
}
.col-3 {
    background-color: #2f72c3;
}
.col-4 {
    background-color: #768b82;
}
.col-5 {
    background-color: #e84c3d;
}
.col-6 {
    background-color: #b147cb;
}
.col-7 {
    background-color: #1bbc9b;
}
.col-24 {
    background-color: #4c4c4c;
}
.col-8 {
    background-color: #739b9d;
}
.col-9 {
    background-color: #3598db;
}
.col-10 {
    background-color: #27ae61;
}
.col-11 {
    background-color: #f98b02;
}
.col-12 {
    background-color: #a1a8ae;
}
.col-13 {
    background-color: #eca900;
}

.col-14 {
    background-color: #9b58b5;
}
.col-15 {
    background-color: #44ccf6;
}
.col-16 {
    background-color: #7f7f7f;
}
.col-17 {
    background-color: #2ecd71;
}
.col-18 {
    background-color: #e63f51;
}
.col-19 {
    background-color: #b9bf15;
}
.col-20 {
    background-color: #399834;
}
.col-21 {
    background-color: #c65186;
}
.col-22{
    background-color: #2f72c3;
}
.col-23{
    background-color: #758f84;
}


/*-- //icon-hover-effects --*/
/*-- //buttons --*/
/*-- gallery --*/
.gallery-grids {
    margin: 0;
    padding: 2em;
    background: #fff;
    margin-bottom: 2em;
   box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.item-desc {
    background-color: rgba(0,0,0,0.5);
    color: white;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    padding: 1em;
    z-index: 1;
    bottom: 1em;
    left: 1em;
    right: 1em;
}

/* Shuffle and sort controls */
select {
    padding: 1rem 1rem;
    /*text-transform: uppercase;*/
}
.nice-select .list{
    z-index: 1031 !important;
}
.sortandshuffle .shuffle-btn {
    background-color: #dec800;
}
.sortandshuffle .sort-btn {
    background-color: #de0000;
}
.sortandshuffle .sort-btn.active {
    background-color: #9d0000;
}
/*----*/
ul.simplefilter {
    text-align: center;
  margin-bottom: 1em;
}
.gallery-grids-left-sub,.gallery-grid-sub{
  margin:2.2em 0 0;
}
.gallery-grids-left {
    padding-right: 0;
}
.gallery-grids-left-subl{
  padding-left:0;
}
.gallery-grids-left-subr {
    padding-right: 0;
}
.gallery-grids-right1 {
    padding: 0 1em;
  margin:2em 0;
}
.gallery-grid img {
    width: 100%;
  cursor: pointer;
}
.gallery-grid{
  position:relative;
}
.gallery-grid-pos{
  position:absolute;
  top:0%;
  left:5%;
  text-align:center;
  opacity:0;
  background:#000;
  transition:.5s ease-in-out;
  -webkit-transition:.5s ease-in-out;
  -moz-transition:.5s ease-in-out;
  -o-transition:.5s ease-in-out;
  -ms-transition:.5s ease-in-out;
}
.gallery-grid:hover .gallery-grid-pos{
  opacity:1;
}
.gallery-grid:hover img{
  opacity:.5;
}
/*-- //gallery --*/
.map {
    background: #fff;
    padding: 2em;
      box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  margin:2em 0;
}
.map iframe{
  width:100%;
  height:400px;
}
/*-- faq --*/
.banner {
    background: #fff;
    display: block;
    padding: 1em;
    border: 1px solid #ebeff6;
    border-color: #ebeff6;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.banner h2 {
    font-size: 0.9em;
}
.banner h2 a {
    color: #00bcd4;
    text-decoration: none;
    padding: 0.3em;
}
.banner h2 i {
    color: #000;
    vertical-align: middle;
    padding: 0.3em;
}
.banner h2 span {
    color: #000;
    padding: 0.3em;
}
.asked {
    padding: 2.5em;
    background: #fff;
    margin: 2em 0;
    border: 1px solid #ebeff6;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.questions h5,.questions h2 {
    color:#1b93e1;
    font-size: 1.3em;
    line-height: 1.6em;
}
.questions p {
    font-size: 0.9em;
    color: #999;
    padding: 1em 0;
    line-height: 2em;
}
/*-- //faq --*/
.button-size-grids button.btn.btn-lg.btn-primary.btn-block {
  width:100%;
}
/*-- icons --*/
.codes a {
    color: #999;
}
.icon-box {
    padding: 8px 15px;
    background:rgba(149, 149, 149, 0.18);
    margin: 1em 0 1em 0;
    border: 5px solid #ffffff;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
    cursor: pointer;
} 
.icon-box:hover {
    background: #000;
  transition:0.5s all;
  -webkit-transition:0.5s all;
  -o-transition:0.5s all;
  -ms-transition:0.5s all;
  -moz-transition:0.5s all;
}
.icon-box:hover i.fa {
  color:#fff !important;
}
.icon-box:hover a.agile-icon {
  color:#fff !important;
}
.codes .bs-glyphicons li {
    float: left;
    width: 12.5%;
    height: 115px;
    padding: 10px; 
    line-height: 1.4;
    text-align: center;  
    font-size: 12px;
    list-style-type: none;  
}
.codes .bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}
.codes .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  color: #777;
} 
.codes .bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
h3.icon-subheading {
  font-size: 28px;
    color:#1b93e1 !important;
    margin: 30px 0 15px;
}
h2.agileits-icons-title,h3.agileits-icons-title {
    text-align: center;
    font-size: 33px;
    color: #e74c3c;
}
.icons a {
    color: #999;
}
.icon-box i {
    margin-right: 10px !important;
    font-size: 20px !important;
    color: #282a2b !important;
}
.bs-glyphicons li {
    float: left;
    width: 18%;
    height: 115px;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    font-size: 12px;
    list-style-type: none;
    background:rgba(149, 149, 149, 0.18);
    margin: 1%;
}
.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
  color: #282a2b;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings' !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  color: #777;
} 
.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
@media (max-width:991px){
  h2.agileits-icons-title,h3.agileits-icons-title {
    font-size: 28px;
  }
  h3.icon-subheading {
    font-size: 22px;
  }
}
@media (max-width:768px){
  h2.agileits-icons-title,h3.agileits-icons-title {
    font-size: 28px;
  }
  h3.icon-subheading {
    font-size: 25px;
  }
  .row {
    margin-right: 0;
    margin-left: 0;
  }
  .icon-box {
    margin: 0;
  }
}
@media (max-width: 640px){
  .icon-box {
    float: left;
    width: 50%;
  }
}
@media (max-width: 480px){
  .bs-glyphicons li {
    width: 31%;
  }
}
@media (max-width: 414px){
  h2.agileits-icons-title,h3.agileits-icons-title {
    font-size: 23px;
  }
  h3.icon-subheading {
    font-size: 18px;
  }
  .bs-glyphicons li {
    width: 31.33%;
  }
}
@media (max-width: 384px){
  .icon-box {
    float: none;
    width: 100%;
  }
}
/*-- //icons --*/
/*--Typography--*/
.well {
    font-weight: 300;
    font-size: 14px;
}
.list-group-item {
    font-weight: 300;
    font-size: 14px;
}
li.list-group-item1 {
    font-size: 14px;
    font-weight: 300;
}
.typo p {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
}
.show-grid [class^=col-] {
    background: #fff;
  text-align: center;
  margin-bottom: 10px;
  line-height: 2em;
  border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
  background: #e0e0e0;
}
.grid_3{
  margin-bottom:2em;
}
.xs h3, h3.m_1{
  color:#000;
  font-size:1.7em;
  font-weight:300;
  margin-bottom: 1em;
}
.grid_3 p{
  color: #999;
  font-size: 0.85em;
  margin-bottom: 1em;
  font-weight: 300;
}

.label {
  font-weight: 300 !important;
  border-radius:4px;
}  
.grid_5{
  background:none;
  padding:2em 0;
}
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
  margin-bottom: 1em;
    color:#1b93e1;
    font-weight: bold;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: none !important;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 0;
}
.badge-primary {
  background-color: #03a9f4;
}
.badge-success {
  background-color: #8bc34a;
}
.badge-warning {
  background-color: #ffc107;
}
.badge-danger {
  background-color: #e51c23;
}
.grid_3 p{
  line-height: 2em;
  color: #888;
  font-size: 0.9em;
  margin-bottom: 1em;
  font-weight: 300;
}
.bs-docs-example {
  margin: 1em 0;
}
section#tables  p {
  margin-top: 1em;
}
.tab-container{
    display: flex;
    flex-direction: column;
}
.tab-container .tab-content {
  border-radius: 0 2px 2px 2px;
  /*border: 1px solid #e0e0e0;*/
  /*padding: 16px;*/
  padding: 8px;
  background-color: #ffffff;
  display: none;
}
.tab-container .tab-button{
    margin-right: 6px;
}
.tab-container .tab-content.active {
    display: block;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 8px!important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
 /* font-size: 0.9em;*/
  color: #999;
  border-top: none !important;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.label {
  font-weight: 300 !important;
}
.label {
  padding: 4px 6px;
  border: none;
  text-shadow: none;
}
.alert {
  font-size: 0.85em;
}
h1.t-button,h2.t-button,h3.t-button,h4.t-button,h5.t-button {
  line-height:2em;
  margin-top:0.5em;
  margin-bottom: 0.5em;
}
li.list-group-item1 {
  line-height: 2.5em;
}
.input-group {
  margin-bottom: 20px;
}
.in-gp-tl{
  padding:0;
}
.in-gp-tb{
  padding-right:0;
}
.list-group {
  margin-bottom: 48px;
}
ol {
  margin-bottom: 44px;
}
h2.typoh2{
    margin: 0 0 10px;
}
@media (max-width:768px){
  .grid_5 {
    padding: 0 0 1em;
  }
  .grid_3 {
    margin-bottom: 0em;
  }
}
@media (max-width:640px){
  h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
    margin-bottom: .5em;
  }
  .progress {
    height: 10px;
    margin-bottom: 10px;
  }
  ol.breadcrumb li,.grid_3 p,ul.list-group li,li.list-group-item1 {
    font-size: 14px;
  }
  .breadcrumb {
    margin-bottom: 25px;
  }
  .well {
    font-size: 14px;
    margin-bottom: 10px;
  }
  h2.typoh2 {
    font-size: 1.5em;
  }
  .label {
    font-size: 60%;
  }
  .in-gp-tl {
    padding: 0 1em;
  }
  .in-gp-tb {
    padding-right: 1em;
  }
}
@media (max-width:480px){
  .grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
    font-size: 1.2em;
  }
  .table h1 {
    font-size: 26px;
  }
  .table h2 {
    font-size: 23px;
  }
  .table h3 {
    font-size: 20px;
  }
  .label {
    font-size: 53%;
  }
  /*.alert,p {
    font-size: 14px;
  }*/
  .pagination {
    margin: 20px 0 0px;
  }
  .grid_3.grid_4.w3layouts {
    margin-top: 0;
  }
}
@media (max-width: 320px){
  .grid_4 {
    margin-top: 18px;
  }
  h3.title {
    font-size: 1.6em;
  }
  .alert, p,ol.breadcrumb li, .grid_3 p,.well, ul.list-group li, li.list-group-item1,a.list-group-item {
    font-size: 13px;
  }
  .alert {
    padding: 10px;
    margin-bottom: 10px;
  }
  ul.pagination li a {
    font-size: 14px;
    padding: 5px 11px;
  }
  .list-group {
    margin-bottom: 10px;
  }
  .well {
    padding: 10px;
  }
  .nav > li > a {
    font-size: 14px;
  }
  table.table.table-striped,.table-bordered,.bs-docs-example {
    display: none;
  }
}
.grid_3.grid_4 {
    background: #fff ! important;
    padding: 2em ! important; box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.wthree-typo {
    padding: 3em;
    background: #fff;
    margin-bottom: 2em;
}
.grid_3.grid_4.w3layouts {
    padding: 0 ! important;
}
/*-- //typography --*/
.w3ls-high h2 {
   margin: 0;
    line-height: 100%;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 2em;
    color: #1b93e1;
}
h4.title, .hightchat-grid1 h3 {
    margin: 0;
    line-height: 100%;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 2em;
    color: #1b93e1;
}
/*--//charts--*/
.widget-shadow {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
/*--statistics--*/
.stats-info.widget {
    padding: 1em;
    background-color: #fff;
}
.stats-info ul li {
    margin-bottom: 1em;
    border-bottom: 1px solid #EFE9E9;
    padding-bottom: 10px;
    font-size: 0.9em;
    color: #555;
}
.progress.progress-right {
    width: 25%;
    float: right;
    height: 8px;
    margin-bottom: 0;
}
.stats-info ul li.last {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0.5em;
}
.stats-info span.pull-right {
    font-size: 0.7em;
    margin-left: 11px;
    line-height: 2em;
}
.stats-info.stats-last {
    padding: 1.15em 1em 0.4em;
}
.agile-info-stat {
    padding-right: 0;
}
.table.stats-table {
    margin-bottom: 0;
}
.stats-table span.label{
    font-weight: 500;
}
.stats-table h5 {
    color: #4F52BA;
    font-size: 0.9em;
}
.stats-table h5.down {
    color: #D81B60;
}
.stats-table h5 i.fa {
    font-size: 1.2em;
    font-weight: 800;
    margin-left: 3px;
}
.stats-table thead tr th {
    color: #555;
}
.stats-table td {
    font-size: 0.9em;
    color: #555;
    padding: 11px !important;
}
/*--//statistics--*/
.hightchat-grid, .hightchat-grid1 {
    padding: 1em;
}
.blank-page {
    margin-top: 6em;
}
#map, #map1, #map2, #map3 {
    height: 200px !important;
}
.grid-form {
    width: 100%;
}
.widget_1_box1 {
    padding: 0;
}
.login-form, .sign-form {
    margin: 7em auto 0;
}
.hight-chat {
    margin-top: 2em;
}
.gallery-grid {
    width: 100%;
  padding: 0;
}
.jqcandlestick-container {
        width: 100%;
        height: 480px;
}
.hightchat-grid,.hightchat-grid1 {
    padding: 2em;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    border: 1px solid #FFFFFF;
}
canvas#canvas {
    width: 100% !important;
    height: 400px !important;
}
.w3-agile-chat {
    margin: 2em 0;
}
canvas#bar,canvas#line,canvas#pie {
    width: 100% !important;
    height: 300px !important;
}
.charts-grids.widget {
    padding: 2em;
    background: #fff;
}
.w3layouts-char {
    padding-left: 0;
}
.w3l-char {
    padding-right: 0;
}
.w3ls-high {
    padding-left: 0;
}
.agileits-high {
    padding-right: 0;
}
/*--form--*/
.grid-form {
    margin: 0em 0;
}
.grid-form1 {
  background: #fff;
    margin-bottom: 1em;
    padding: 1em;
    padding-top: 0em;
     border: 1px solid #ebeff6;
    border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.grid-form1:last-child {
  margin-bottom: 0em;
}
.grid-form1 h2,.grid-form1 h3{
    color: var(--main-color);
    font-size:2em;
    margin-bottom: 1em;
}
.grid-form1 form {
  margin: 1.5em 0;
}
.form-control {
    box-shadow: none;
    outline: none;
    /*border-radius: 0px;*/
}
.is_mobile .form-control{
    padding: 5px 4px;
}
.form-control:focus {
    border-color: #ccc;
    box-shadow: none;
}
.btn {
   /* border-radius: 0px;*/
    outline: none;
}
.btn-default:active, .btn-default:focus, .btn-default:hover {
    outline: none !important;
}
input.form-control.input-lg ,select.form-control.input-lg{
    margin-bottom: 1em;
}
input.form-control.input-sm,select.form-control.input-sm {
    margin: 1.5em 0;
}
input#disabledTextInput,select#disabledSelect {
    background-color: #FFF;
}
.email-list1{
   background-color: #fff;
    padding: 1.8em;
    border: 1px solid #ebeff6;
    border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.form-control1 {
    border: 1px solid #e0e0e0;
    padding: 5px 8px;
    color: #616161;
    width: 100%;
    font-size: 0.85em;
    font-weight: 300;
    height: 40px;
    -webkit-appearance: none;
  outline: none;
  background: none;
   box-shadow:none !important;
   border-radius: 3px !important;
}
.input-lg {
    border-radius: 0px;
}
.panel-footer {
    background: none;
}
.input-icon.right > i, .input-icon.right .icon {
    right: 12px;
    float: right;
}
.input-icon > i, .input-icon .icon {
    position: absolute;
    display: block;
    margin: 10px 8px;
    line-height: 14px;
    color: #999;
}
.input-group {
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  margin-bottom: 0em;
}
.has-success .input-group-addon {
  border-color:#A4E7A5 !important;
}
.has-feedback label~.form-control-feedback {
  top: 28px !important;
}
.has-success .form-control1 {
    background-color: #f1f8e9;
    border-color: #c5e1a5 !important;
}
.has-feedback label~.form-control-feedback {
    top: 28px !important;
}
.has-error .form-control1 {
    background-color: #fde0dc;
    border-color: #f69988 !important;
}
.checkbox-inline label,.checkbox-inline1 label,.form-group label{
  font-weight:400;
}
/*--validation--*/
.validation-form{
  background: #fff;
    margin-bottom: 1em;
    padding: 1em;
     border: 1px solid #ebeff6;
    border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.validation-system {
    margin: 2em 0;
}
.validation-form h2 {
    color: #1abc9c;
    font-size: 1.8em;
    border-bottom: 1px solid rgb(241, 233, 233);
    padding-bottom: 0.3em;
    margin-bottom: 1em;
}
/*----*/
label.control-label {
    color: #000;
    font-size: 0.9em;
    margin: 0;
}
.form-group1 input[type="text"],.form-group1 textarea,
.form-group1 input[type="password"],.form-group1 input[type="date"]{
  border: 1px solid #E9E9E9;
    font-size: 0.9em;
    width: 100%;
    outline: none;
    padding: 0.5em 1em;
    color: #999;
    margin-top: 0.5em;
}
.form-group1 textarea{
  min-height: 100px;
}
.form-group2 select{
  width: 100%;
  border: 1px solid #E9E9E9;
    font-size: 0.9em;
    width: 100%;
    outline: none;
    padding: 0.5em 1em;
    color: #999;
    margin-top: 0.5em;
}
.vali-form {
    padding: 1.5em 0;
}
.group-mail {
    padding-bottom: 1.5em;
}
.vali-form1{
  padding: 0 0 1.5em;
}
.agile-tables {
    background: #fff;
    padding: 0.5em 1em 2em 1em;
    /*margin: 1.25em 0;*/
    margin: 0.7em 0;
    border-radius: 4px;
    min-height: 50vh;
}
.w3l-calendar-left {
    background: #fff;
    padding: 2em;
    margin: 2em 0;
}

ul.bt-list {
    padding: 0;
}
/*---signin-----*/

span.prfil-img img {
    border-radius: 50%;
    border: 3px solid #fff;
    width: 50px;
    height: 50px;
}




.rem-for-agile{
  width:50%;
  float:left;
  text-align:left;
  font-size:13px;
  color:rgb(238, 223, 179);
}
.rem-for-agile a{
  color:rgb(238, 223, 179);
  margin-top:3px;
  display:inline-block;
  padding-left:18px;
}
.rem-for-agile a:hover{
  color: #fff;
}

.login-w3 {
    width: 50%;
    float: right;
    text-align: right;
}


.sin-w3-agile {
    padding: 8em 0 0;
    margin: 0 auto;
    width: 50%;
}
.footer-w3l{
  margin-top: 150px;
  margin-bottom: 20px;
}
.footer-w3l p {
  color:white;
  text-align:center;
  font-size:13px;
  letter-spacing:1px;
}
.footer-w3l a{
  color:white;
  text-decoration:none;
}
.footer-w3l a:hover{
  text-decoration:underline;
}


@media screen and (max-width: 1080px) {
.sin-w3-agile {
    width: 59%;
  padding: 3em 0 0;
}

}
@media screen and (max-width: 991px) {
.sin-w3-agile {
    width: 77%;
}

}


@media screen and (max-width: 568px) {
.footer p {
    line-height: 1.7em;
}

}
@media screen and (max-width: 480px) {

  .sin-w3-agile {
    width: 80%;
}

}
@media screen and (max-width: 414px) {



  .footer-w3l p {
    letter-spacing:0;
  }

}

@media screen and (max-width: 384px) {

}

@media screen and (max-width: 375px) {


.sin-w3-agile {
    width: 90%;
}

}
@media screen and (max-width: 320px) {

  .rem-for-agile{
    font-size:11px;
  }


  .sin-w3-agile {
    padding: 0em 0 0;
}
}
ul.bs-glyphicons-list {
    padding: 0;
}
/*---//signin-----*/
.breadcrumb {
    /*padding: 8px 15px ! important;*/
    padding: 9px 6px 9px 10px ! important;
    margin: 10px 0 ! important;
    background-color: #ffffff ! important;
    /*border-radius: 0 ! important;*/
    border-radius: 4px ! important;
    z-index: 1001;

}
ul.nofitications-dropdown {
    padding: 0;
}
/*---responsive 1600px-----*/
@media (max-width:1600px){

}
/*---responsive 1440px-----*/
@media (max-width:1440px){
  .stay-left {
    float: left;
    width: 74%;
  }

  li.dropdown.head-dpdn a.dropdown-toggle {
    margin: 1em 1.5em;
}
ul.bt-list li a {
    padding: 1em 2.5em 1em 1em;
}
}
/*---responsive 1366px-----*/
@media (max-width:1366px){
.widget-report-table h3 {
    font-size: 19px;
}
header.widget-header h4 {
    font-size: 20px;
}
.card-header h3 {
    font-size: 23px;
}
  li.dropdown.head-dpdn a.dropdown-toggle {
    margin: 1em 1.3em;
}
.button-sizes {
    padding: 28px 26px;
}
}
/*---responsive 1280px-----*/
@media (max-width:1280px){


  li.dropdown.head-dpdn a.dropdown-toggle {
    margin: 1em 1.1em;
}

.profile_details_drop a.dropdown-toggle {
    padding: 0em 0.3em 0 0.3em;
}
.w3layouts-aug{
  padding:0;
}
.list-group .list-group-item {
    padding: 18px 12px;
}
.agileinfo-cdr {
    padding: 25px 15px;
}
hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.button-sizes {
    padding: 28px 14px;
}
.button-states-top-grid {
    padding: 28px 14px;
}
.hover-buttons {
    padding: 28px 14px;
}
.icon-box {
    float: left;
    width: 33.33%;
}
}
/*---responsive 1080px-----*/
@media (max-width:1080px){
  .page-container {
    min-width: 1032px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0px auto;
  }


.w3layouts-left {
    padding: 0.73em;
}
li.dropdown.head-dpdn a.dropdown-toggle {
    margin: 1em 0.7em;
}
li.dropdown.head-dpdn i {
    font-size: 24px;
}
.profile_details_drop a.dropdown-toggle {
    padding: 0em 0em 0 0em;
}
.profile_img span.prfil-img {
    width: 29%;
}
.profile_details li a i {
    right: -7%;
}
span.prfil-img img {
    width: 40px;
    height: 40px;
}
.user-name p {
    margin-bottom: 0;
}
.user-name span {
    font-size: 13px;
}
.profile_details {
    padding: 0.28em 1em;
}
.wthree-crd {
    padding-left: 0;
    width: 100%;
    padding: 0;
}
.w3-agileits-crd {
    float: left;
    width: 50%;
    padding-left: 0;
}
.w3-agile-crd {
    padding-right: 0;
    float: left;
    width: 50%;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
}
.wthree-pan {
    float: left;
    width: 40%;
}
.agile-info-stat {
    float: left;
    width: 60%;
}
.charts-grids.widget {
    padding: 1em;
}
h4.title, .hightchat-grid1 h3 {
    font-size: 18px;
}
.jqcandlestick-container {
    width: 100%;
    height: 300px;
}
canvas#bar, canvas#line, canvas#pie {
    width: 100% !important;
    height: 270px !important;
}
.main {
    background: #3b8fc5;
    min-height: 675px;
}
.questions h5, .questions h2 {
    font-size: 1.2em;
}
.button-states-top-grid {
    float: left;
    width: 50%;
}
.button-size-grids {
    float: left;
    width: 50%;
  padding-right:0;
}
.hover-buttons {
    width: 100%;
    margin-top: 1em;
   float: left;
}
.grid-form1 h2, .grid-form1 h3 {
    font-size: 1.5em;
}
}
/*---responsive 991px-----*/
@media (max-width:991px){
  #menu li a {
    padding: 12px 20px;
    font-size: 0.85em;
  }
  .sidebar-menu {
    position: fixed;
    float: left;
    width: 200px;
  }
  .page-container.sidebar-collapsed-back .sidebar-menu {
    width: 200px;
    transition: all 100ms ease-in-out;
  }

  .page-container {
    min-width: 991px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0px auto;
  }
.four-grid {
    float: left;
    width: 50%;
    padding-left: 0;
    padding-right: 0;
}
.four-grid:nth-child(2n+1) {
    padding-right: 1em;
}
/*.four-grid:nth-child(3) {
    padding-left: 0;
}
.four-grid:nth-child(4) {
     padding-right: 0;
}
.four-grid:nth-child(2) {
    padding-right: 0;
}*/
.compose.w3layouts {
    padding: 0;
}
.tab-content-in {
    padding: 0;
}
.gallery-grids-left {
    padding: 0;
}
.gallery-grids-left-subl {
    padding: 0;
}
.gallery-grids-left-subr {
    padding: 0;
    margin-top: 1em;
}
.gallery-grids-right {
    padding: 0;
    margin-top: 1em;
}
.gallery-grids-right1 {
    padding: 0 0em;
    margin: 1em 0;
}
.gallery-grids-left-sub, .gallery-grid-sub {
    margin: 1em 0 0;
}
.w3layouts-char {
    padding: 0;
}
.w3-char {
    padding: 0;
    margin: 1em 0;
}
.w3l-char {
    padding: 0;
}
.w3ls-high {
    padding: 0;
}
.agileits-high {
    padding: 0;
    margin-top: 1em;
}
.main {
    min-height: 929px;
}
.w3l-txt {
    margin: 12em 0 0;
}
.agileits-bnt,.agile-bnt,.w3-agile-bnt,.agileits-w3layouts-bnt,.w3-agileits-bnt,.wthree-bnt,.agileinfo-bnt,.agileits-bnt,.w3layouts-bnt {
    float: left;
    width: 50%;
}
.w3l-table-info h2, .agile-tables h3 {
    font-size: 23px;
}
.agileinfo-map {
    margin-bottom: 1em;
}
.icon-box {
    width: 50%;
}
}
/*---responsive 800px-----*/
@media (max-width:800px){
  .page-container {
    min-width:800px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0px auto;
  }


li.dropdown.head-dpdn a.dropdown-toggle {
    margin: 1em 1.4em;
}
.profile_details {
    width: 48%;
}
.profile_details li a i {
    right: -2%;
}
.w3-agileits-crd {
    width: 100%;
    padding: 0;
}
.w3-agile-crd {
    width: 100%;
    padding: 0;
}
.wthree-pan {
    width: 100%;
    padding: 0;
}
.agile-info-stat {
    width: 100%;
    padding: 0;
    margin-bottom: 1em;
}

table th, table td {
    padding: 10px 10px;
    text-align: left;
}
.w3l-table-info table th, table td {
    padding: 10px 10px ! important;
}
}
/*---responsive 768px-----*/
@media (max-width:767px){
  .breadcrumb > li {
     display: flex !important;
     flex-direction: column !important;
  }
  .page-container {
    min-width:775px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0px auto;
  }
  .sidebar-menu {
    position: fixed;
    float: left;
    width: 200px;
  }
  .page-container.sidebar-collapsed-back .sidebar-menu {
    width: 200px;
    transition: all 100ms ease-in-out;
  }

li.dropdown.head-dpdn a.dropdown-toggle {
    margin: 1em 1.3em;
}
/*--inbox--*/
.tab-content {
    padding: 0 0em;
}
.mail-toolbar {
    padding-bottom: 0em;
}
.btn-group {
    margin: 0em 0 !important;
}
.grid_3.grid_4 {
    padding: 1em ! important;
}
.wthree-typo {
    padding: 1em;
}
.asked {
    padding: 1em;
}
.variations-panel {
    padding: 1em;
}
.button-states-top-grid {
    padding: 16px 16px;
}
.button-sizes {
   padding: 16px 16px;
}
.hover-buttons {
   padding: 16px 16px;
}
.agile-tables {
    padding: 1em;
}
.map {
    padding: 1em;
}
.w3layouts-map,.agileits-map,.agileinfo-map,.w3-agileits-map{
    padding: 0;
}
.w3l-table-info table th, table td {
    padding: 10px 10px ! important;
}
}
/*---responsive 736px-----*/
@media (max-width:736px){
  .page-container {
    min-width:736px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0px auto;
  }
  .sidebar-menu {
    position: fixed;
    float: left;
    width: 180px;
  }
  span.name-caret {
    margin: 10px 0px 0px 0px;
    font-size: 1.2em;
  }
  .sidebar-icon {
    font-size: 19px;
    padding: 8px 9px;
  }

  .page-container.sidebar-collapsed .left-content .main-search {
    float: right;
    width: 35%;
    height: 60px;
    padding: 15px 15px 69px 17px;
    position: absolute;
    top: 75px;
    left: 78px;
  }
  .sidebar-menu {
       position:absolute;
  }
  li.dropdown.head-dpdn a.dropdown-toggle {
    margin: 1em 1.2em;
}
.w3l-txt {
    margin: 1em 0 0;
}
.main {
    min-height: 480px;
}
table th, table td {
    padding: 9px 7px;
}
.w3l-table-info table th, table td {
    padding: 10px 6px ! important;
}
}
/*---responsive 667px-----*/
@media (max-width:667px){
  .page-container {
    min-width: 675px;
}
li.dropdown.head-dpdn a.dropdown-toggle {
    margin: 1em 1em;
}

.panel-title h3, .hover-buttons h2 {
    font-size: 1.2em;
}
table th, table td {
    padding: 9px 4px;
}
}
/*---responsive 640px-----*/
@media (max-width:640px){
  .page-container {
    min-width:650px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0px auto;
  }
  .sidebar-menu {
    position: fixed;
    float: left;
    width: 170px;
  }
  .sidebar-icon {
    font-size: 19px;
    padding: 6px 7px;
    margin-right: 0px;
  }
  li.dropdown.note a {
    padding: 1.3em 1.8em;
    display: block;
  }

  .page-container.sidebar-collapsed {
    transition: all 100ms linear;
    transition-delay: 300ms;

  }

  .page-container.sidebar-collapsed-back {
    transition: all 100ms linear;
  }
  .page-container.sidebar-collapsed-back .left-content {
    transition: all 100ms linear;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .page-container.sidebar-collapsed .sidebar-menu {
     width:180px; 
    transition: all 100ms ease-in-out;
    transition-delay: 300ms;
  }
  .page-container.sidebar-collapsed-back .sidebar-menu {
    width: 65px;
    transition: all 100ms ease-in-out;
  }
  .page-container.sidebar-collapsed .sidebar-icon {
    transition: all 500ms ease-in-out;
    margin-right: 0.1em;
    margin-top: -7px;
    color: #fff;
    background: #1b93e1;
    border-radius: 0;
    transform: rotate(0deg);
    margin: auto;

  }
  .page-container.sidebar-collapsed-back .sidebar-icon {
    transform: rotate(90deg);
    transition: all 500ms ease-in-out;
    margin-top: -2px;
    font-size: 19px;
    padding: 6px 7px;
    margin: 0px 14px;
      right: 0px;
  }
  .page-container.sidebar-collapsed .logo {
    padding: 21px 15px;
    height: 63px;
    box-sizing: border-box;
    transition: all 100ms ease-in-out;
    transition-delay: 300ms;
  }
  .logo1 {
      padding: 21px 0;
    height: 63px;
    box-sizing: border-box;
    transition: all 100ms ease-in-out;
    transition-delay: 300ms;
  }
  span#logo1 {
    display: none;
  }
  .page-container.sidebar-collapsed-back span#logo {
    display:block;
  }
  .page-container.sidebar-collapsed-back .logo {
    width: 100%;
    padding: 13px 14px;
    height:60px;
    box-sizing: border-box;
    transition: all 100ms ease-in-out;
  }
    .page-container.sidebar-collapsed #logo {
        opacity: 0;
      transition: all 200ms ease-in-out;
        display:block;
      float:left;
  }
  .page-container.sidebar-collapsed .down {
        display:block;
      }
      .page-container.sidebar-collapsed #logo {
        opacity:1;
        transition: all 200ms ease-in-out;
        display:block;
      }
      .page-container.sidebar-collapsed-back #logo {
        opacity: 1;
        transition: all 200ms ease-in-out;
        transition-delay: 300ms;
        display:block;
      }
      .page-container.sidebar-collapsed-back span#logo{
        opacity: 1;
        transition: all 200ms linear;
        transition-delay: 300ms;
        display:none;
      }
      .page-container.sidebar-collapsed-back #menu span{
        display:none;
      }
      .page-container.sidebar-collapsed #menu span {
        display:block;
      }
      .page-container.sidebar-collapsed #menu span {
          opacity: 1;
          transition: all 50ms linear;
          display: inline-block;
          margin-left: 10px;
        }
        #menu span {
        opacity:0;
        transition: all 50ms linear;
        display: inline-block;
        margin-left: 10px;
      }
      span.fa.fa-angle-right,span.fa.fa-angle-double-right {
        float: right!important;
        position:absolute!important;
        right: 15px!important;
      }
            .sidebar-menu {
        width: 65px;
        transition: all 100ms ease-in-out;
        transition-delay: 300ms;
      }
      .main-search {
      float: right;
      width: 35%;
      height: 60px;
      padding: 9px 10px 67px 10px;
      position: absolute;
      top: 75px;
      left: 75px;
     }
    .page-container.sidebar-collapsed.main-search {
      float: right;
      width: 35%;
      height: 60px;
      padding: 9px 10px 67px 10px;
      position: absolute;
      top: 75px;
      left: 75px;
     }
     .page-container.sidebar-collapsed-back.srch button {
      cursor: pointer;
      background: url('../images/search.png') no-repeat 19px 16px rgba(3, 182, 197, 0.68);
      width: 70px;
      height: 63px;
      display: block;
      border: none;
      outline: none;
      position: absolute;
      top: 0px;
      left: 12%;
    }
   .sidebar-menu {
          position:absolute;
    }
   .page-container.sidebar-collapsed .left-content .srch button {
    cursor: pointer;
    background: url('../images/search.png') no-repeat 25px 15px rgba(3, 182, 197, 0.68);
    width: 80px;
    height: 63px;
    display: block;
    border: none;
    outline: none;
    position: absolute;
    top: 0px;
    left: 32%;
  }
  .page-container.sidebar-collapsed .left-content .main-search {
    float: right;
    width: 35%;
    height: 60px;
    padding: 15px 15px 69px 17px;
    position: absolute;
    top: 75px;
    left: 198px;
  }
  li.dropdown.head-dpdn a.dropdown-toggle {
    margin: 1em 1.4em;
}

.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px !important;
}
.main {
    min-height: 600px;
}
}
/*---responsive 600px-----*/
@media (max-width:600px){
  .page-container {
    min-width:600px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0px auto;
  }

  li.dropdown.head-dpdn a.dropdown-toggle {
    margin: 1em 1.1em;
}
.main {
    min-height: 430px;
}
}
/*---responsive 568px-----*/
@media (max-width: 568px){
  .page-container {
    min-width:568px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0px auto;
  }
  .page-container.sidebar-collapsed .left-content .srch button {
    cursor: pointer;
    background: url('../images/search.png') no-repeat 25px 15px rgba(3, 182, 197, 0.68);
    width: 80px;
    height: 63px;
    display: block;
    border: none;
    outline: none;
    position: absolute;
    top: 0px;
    left: 31%;
  }


  li.dropdown.note a {
    padding:1.2em 1.8em;
    display: block;
  }
  span.badge {
    font-size: 10px;
    line-height: 17px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10%;
    padding: 2px 0 0;
    left: 67%;
  }
  .logo {
    padding: 18px 0;
    height: 58px;
  }
  .page-container.sidebar-collapsed .left-content .srch button {
    cursor: pointer;
    background: url('../images/search.png') no-repeat 23px 12px rgba(3, 182, 197, 0.68);
    width: 70px;
    height: 60px;
    display: block;
    border: none;
    outline: none;
    position: absolute;
    top: 0px;
    left: 35%;
  }
  li.dropdown.head-dpdn a.dropdown-toggle {
    margin: 1em 1em;
}

.inbox-right {
    padding: 0.8em;
}
.mail-toolbar .table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 2px!important;
}
}
/*---responsive 480px-----*/
@media (max-width:480px){
  .page-container {
    min-width:480px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0px auto;
  }
  li.dropdown.note a {
    padding: 1.3em 1.2em;
    display: block;
  } 
  .media-body {
   font-size: 0.85em;
  }
  h4.media-heading {
    font-size: 1.6em!important;
  }


  .page-container.sidebar-collapseddiv #container10 svg {
      width: 224px!important;
  }
  .page-container.sidebar-collapsed .sidebar-menu {
    width: 180px;
    z-index: 999999999;
  }
.w3layouts-left {
    width: 100%;
    margin-bottom: 1em;
}


.profile_details {
    width: 100%;
}
.profile_details li a i {
    right: -2%;
}
header.agileits-box-header.clearfix h3 {
    font-size: 24px;
}
.copyrights p {
    font-size: 0.9em;
    line-height: 1.8em;
}
li.dropdown.head-dpdn a.dropdown-toggle {
    margin: 1em 2.2em;
}
/*.dropdown-menu {
    left: -74px;
}*/
.main {
    min-height: 500px;
}
.questions h5, .questions h2 {
    font-size: 1em;
}
.button-states-top-grid {
    width: 100%;
}
.button-size-grids {
    width: 100%;
    padding: 0;
    margin-top: 1em;
}
ul.bt-list li {
    width: 100%;
    margin: 2% 0;
}
.w3l-calendar-left {
    padding: 1em;
    margin: 1em 0;
}
.monthly-day-title-wrap div {
    font-size: 0.85em ! important;
}
.icon-box {
    width: 100%;
}
}
/*---responsive 414px-----*/
@media (max-width:414px){
  .page-container {
    min-width:414px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0px auto;
  }
  ul.dropdown-menu.two {
    padding: 0;
    min-width: 234px;
    top: 99%;
    left: -177px;
  }
  .page-container.sidebar-collapsed .sidebar-menu {
    width: 180px;
    z-index: 999999999;
  }
  .header_top {
    width: 79%;
  }

li.dropdown.head-dpdn a.dropdown-toggle {
    margin: 1em 1.5em;
}
.four-agileits,.four-agileinfo,.four-w3ls,.four-wthree {
    padding: 1em 0;
}
.four-grid {
    float: left;
    width: 100%;
    padding: 0;
}
.four-grid:nth-child(2) {
    margin: 1em 0;
}
.four-grid:nth-child(3) {
    margin-top: 0em;
}
.four-grid:nth-child(4) {
    margin-top: 1em;
}
.four-grids {
    margin: 1em 0;
}
.text-right {

    font-size: 25px;
}
.m-t-20 {
    margin-top: 7px!important;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 6px!important;
}
/*.dropdown-menu {
    left: -102px;
}*/
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    /*font-size: 0.7em;*/
    padding: 4px !important;
}
.table-img img {
    width: 40px;
}
.gallery-grids {
    padding: 1em;
}
.main {
    min-height: 672px;
}
.agileits-bnt, .agile-bnt, .w3-agile-bnt, .agileits-w3layouts-bnt, .w3-agileits-bnt, .wthree-bnt, .agileinfo-bnt, .agileits-bnt, .w3layouts-bnt {
    float: left;
    width: 100%;
}
.w3l-table-info h2, .agile-tables h3 {
    font-size: 19px;
}
.map iframe {
    height: 200px;
}
.grid-form1 h2, .grid-form1 h3 {
    font-size: 1.3em;
}
}
/*---responsive 384px-----*/
@media (max-width:384px){
.media>.pull-left {
    padding-right: 10px;
}
  .page-container {
    min-width:384px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0px auto;
  }
  .ribbon1 {
    width: 211px;
    height: 80px;
    margin: 0px auto;
    left: -37px;
    top: -29px;
  }
  .ribbon-fold h4 {
    line-height: 75px;
    font-size: 17px;
  }

  .outter-wp {
    padding: 0.5em 1.5em;
    margin-bottom: 2em;
  }
  .page-container.sidebar-collapsed-back {
    width:86%;
  }
  .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    /*font-size: 0.8em;*/
}
li.dropdown.head-dpdn a.dropdown-toggle {
    margin: 1em 1.3em;
}
.main {
    min-height: 600px;
}
}
/*---responsive 375px-----*/
@media (max-width:375px){
  ul.dropdown-menu.two {
    padding: 0;
    min-width: 234px;
    top: 99%;
    left: -188px;
  }
  ul.dropdown-menu.two.first {
    padding: 0;
    min-width: 234px;
    top: 99%;
    left: -106px;
  }
  .page-container {
    min-width:375px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0px auto;
  }
  li.dropdown.head-dpdn a.dropdown-toggle {
    margin: 1em 1.2em;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    /*font-size: 0.75em;*/
}
.bs-glyphicons li {
    width: 48%;
  margin:1% ;
}
}
/*---responsive 320px-----*/
@media (max-width:320px){
  .page-container {
    min-width:320px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0px auto;
  }
  .outter-wp {
    padding: 0.5em 1em;
    margin-bottom: 2em;
  }
.logo-w3-agile h1 {
    font-size: 24px;
}
.logo-w3-agile {
    padding: 0.5em;
}

li.dropdown.head-dpdn a.dropdown-toggle {
    margin: 0em 0.9em;
}

.widget-body.p-15 table.table.table-bordered {
    display: block;
}
.widget-report-table h3 {
    font-size: 18px;
    margin-top: 20px;
  line-height: 25px;
}
header.agileits-box-header.clearfix h3 {
    font-size: 20px;
}
.m-t-20 {
    margin-top: 20px!important;
}

.text-right {
    font-size: 20px;
}
.list-group .list-group-item {
    padding: 12px 4px;
}
.panel-body {
    padding: 10px;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 2px!important;
}
.dropdown-menu {
    left: -97px;
}
ul.dropdown-menu {
    min-width: 200px;
}/*--inbox--*/
.inbox-right {
    padding: 1em;
}
.table-img img {
    width: 40px;
}
.mail-toolbar {
    padding-bottom: 1em;
}
/*--inbox--*/
.main {
    min-height: 504px;
}
.w3l-table-info h2, .agile-tables h3 {
    font-size: 17px;
}
.agile-tables {
    margin: 1em 0;
}
.monthly-day-title-wrap div {
    font-size: 0.75em ! important;
}
.grid-form1 h2, .grid-form1 h3 {
    font-size: 1.2em;
}
.copyrights {
    padding: 0.5em 0.3em;
}
.pv20 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.mb20 {
    margin-bottom: 0px !important;
}
.mb15 {
    margin-bottom: 0px !important;
}
.col-sm-offset-2 {
    padding: 0;
}
.panel-footer {
    padding: 10px 0;
}
.col-sm-offset-2.btn {
    padding: 8px 7px;
    font-size: 13px;
}





}
/***responsive***/



/* Side bar css */
.page-container {
    min-width: unset !important;
}
.sidebar {
    position: fixed;
    /*position: relative;*/
    top: 0;
    left: 0;
    height: 100%;
    width: max(16%, 230px);
    /*width: 230px;*/
    /*background: var(--left-menu-color);*/
    background: var(--left-menu-color);
    z-index: 1032;
    transition: all 0.5s ease;
    /*border-radius: 15px 0 0 20px;*/
    border-radius: 0px 0 0 0px;
    /*overflow-y: scroll;*/
    /*display: inline-table;*/
}
.is_mobile .sidebar{
    width: 90%;
    padding-left: 8px;
}

.sidebar .logo-details .action_items{
    display: none;
    color: #ffffff;
}

.sidebar:hover:not(.close_state) .logo-details .action_items{
    display: block;
}

.sidebar.close_state {
    width: 78px;
}

.is_mobile .sidebar.close_state {
    width: 0px;
}

.sidebar .logo-details {
    height: 35px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sidebar .logo-details i {
  /*  font-size: 30px;
    color: var(--left-menu-text-color);
    height: 100%;
    text-align: center;
    line-height: 45px;*/
}

.sidebar .logo-details .action_items i{
    line-height: unset;
}
.sidebar .logo-details .logo_name {
    font-size: 22px;
    color: var(--left-menu-text-color);
    font-weight: 600;
    transition: 0.3s ease;
    transition-delay: 0.1s;
}
.sidebar.close_state .logo-details .logo_name {
    transition-delay: 0s;
    opacity: 0;
    pointer-events: none;
}
.sidebar .sidebar-icon span::before{
    content: "\f100";
    /*content: "\f0c9";*/
}
.sidebar.close_state .sidebar-icon span::before{
    /*content: "\f101";*/
    content: "\f0c9";
}
.sidebar .sidebar-icon{
    position: absolute;
    right: 0px;
    border-radius: 5px;
}
.sidebar.close_state .sidebar-icon{
    position: absolute;
    left: 21px;

    border-radius: 5px;
    width: 30px;
    height: 30px;
    border: 1px solid var(--mainlight-color);
    justify-content: center;
    align-items: center;
}

.is_mobile .sidebar.close_state .sidebar-icon{
    left: 1px;
    background-color: var(--maindark-color) !important;
    border: 1px solid var(--maindark-color);
    color: #ffffff;
    display: none;
}

.sidebar.close_state .sidebar-icon:focus{
    color: var(--maindark-color) !important;
}
.sidebar .nav-links {
    height: 100%;
    /*padding: 0px 0 150px 0;*/
    padding: 0px 0 350px 0;
    margin-top: 10px;
    overflow-y: auto;
    /*position: absolute;*/
}
.sidebar .nav-links::-webkit-scrollbar {
    width: 8px;
    /*background-color: var(--mainlight-color);*/
}

.sidebar .nav-links::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: rgba(0, 0, 0, 0.6);
}
.sidebar.close_state .nav-links {
    /*overflow: visible;*/
    padding-top: 30px;
}
/*.sidebar .nav-links::-webkit-scrollbar {
    display: none;
}*/
.sidebar .nav-links li {
    list-style: none;
    transition: all 0.4s ease;
}

.sidebar .nav-links .sub-menu li {
    border-top: 1px ridge rgba(255, 255, 255, 0.04);
}

.sidebar .nav-links li .iocn-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding-top: 3px;
    padding-bottom: 3px;
    /*padding-top: 5px;
    padding-bottom: 5px;*/
    /*padding-top: 8px;
    padding-bottom: 8px;*/
}
.sidebar.close_state .nav-links li .iocn-link {
    display: block;
}
.sidebar.close_state .nav-links li i {
    font-size: 15px;
}
.sidebar .nav-links li i.fa-chevron-right{
    font-size: 12px;
}
.sidebar .nav-links li i {
    /*height: 45px;
    line-height: 45px;*/
    height: 35px;
    line-height: 35px;
    min-width: 45px;
    text-align: center;
    color: var(--left-menu-text-color);
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    padding-right: 8px;
}

@media (max-width:800px){
    .sidebar .nav-links li i {
        height: 25px;
        line-height: 25px;
        min-width: 25px;
        font-size: 12px;
    }

    .sidebar .nav-links li .sub-menu a{
        font-size: 12px;
    }
}

.sidebar .nav-links li i.arrow {
    font-size: 14px;
}
/*.sidebar .nav-links li.showMenu i.arrow {
    transform: rotate(-180deg);
}*/
.sidebar .nav-links li.showMenu i.arrow.fa-angle-down:before{
    content: "\f151" !important;
}
.sidebar .nav-links li i.arrow.fa-angle-down:before{
    content: "\f150" !important;
}
.sidebar.close_state .nav-links i.arrow {
    display: none;
}
.sidebar .nav-links li a {
    display: flex;
    align-items: center;
    text-decoration: none;
   /* width: 100%;*/

}

.sidebar .nav-links li .iocn-link a {
    max-width: calc(100% - 45px);
}

.sidebar .nav-links li.showMenu a .link_name{
    font-weight: 400;
}

.sidebar .nav-links li a .link_name {
    font-size: 15px;
    font-weight: 900;
    color: var(--left-menu-text-color);
    transition: all 0.4s ease;
    margin-top: 6px;
    margin-bottom: 6px;
    line-height: unset;
}
.sidebar .nav-links li a .link_name .indicator{
    font-size: 11.5px;
    font-weight: 100;
    max-width: calc(100% - 105px);
    overflow-x: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.sidebar.close_state .nav-links li a .link_name {
    /*opacity: 0;*/
    display: none;
    pointer-events: none;
}
.sidebar.close_state .nav-links li a{
    justify-content: center;
    margin: auto;
}
.sidebar.close_state .nav-links li.sub_sub_menu a{
    justify-content: unset;
}
.sidebar.close_state .nav-links ul.sub-menu li a{
    justify-content: unset;
}
.sidebar .nav-links li .sub-menu {
    padding: 2px 6px 6px 15px;
    margin-top: 0px;
    /*background: var(--left-menu-color);*/
    /*background: #434343;*/
    display: none;
    /*background: rgba(67, 67, 67, 0.8);*/
    /*max-height: 0;
    overflow: hidden;
    transition: max-height 4s ease;*/
}
.sidebar .nav-links li.showMenu{
    position: relative;
}
.sidebar .nav-links li.showMenu .indicator{
    display: none;
}
.sidebar .nav-links li .indicator{
    display: block;
}
.sidebar .sub_sub_menu{
    position: relative;
    /*position: fixed;*/
}
.sidebar .nav-links li.showMenu .sub-menu {
    display: block;

    /*max-height: 1000px;*/
}

.sidebar .nav-links li.showMenu .sub-menu a{
    font-weight: 900;
}

.sidebar .nav-links li .sub-menu a {
    color: var(--left-menu-text-color);
    /*font-size: 14px;*/
    font-size: 14px;
    padding: 4px 0;
    /*white-space: nowrap;*/
    transition: all 0.3s ease;
    /*margin-bottom: -13px;*/
    margin-bottom: 0px;
    font-weight: 500;
}

.is_mobile .sidebar .nav-links li .sub-menu a {
    padding: 8px 0;
}

.sidebar .nav-links .sub_sub_menu .sub-menu-1 li a{
    white-space: nowrap;
}

.sidebar .nav-links li .sub-menu a h3{
    margin-top: 0px;
    margin-bottom: 0px;
}
.sidebar .nav-links li .sub-menu a:hover {
    opacity: 1;
}
/*.sidebar.close_state .nav-links li .sub-menu {
    position: absolute;
    left: 100%;
    top: -10px;
    margin-top: 0;
    padding: 10px 5px 15px 10px;
    border-radius: 0 6px 6px 0;
    opacity: 0;
    display: block;
    pointer-events: none;
    transition: 0s;
}
.sidebar.close_state .nav-links li:hover .sub-menu {
    top: 15%;
    opacity: 1;
    pointer-events: auto;
}*/
.sidebar .nav-links li .sub-menu .link_name {
    display: none;
}
.sidebar.close_state .nav-links li .sub-menu .link_name {
    font-size: 18px;
    opacity: 1;
    display: block;
}
.sidebar .nav-links li .sub-menu.blank {
    opacity: 1;
    pointer-events: auto;
    padding: 3px 20px 6px 16px;
    opacity: 0;
    pointer-events: none;
}
.sidebar .nav-links li:hover .sub-menu.blank {
    top: 50%;
    transform: translateY(-50%);
}
.sidebar .profile-details {
    position: fixed;
    bottom: 0;
    width: 260px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #1d1b31;
    padding: 12px 0;
    transition: all 0.5s ease;
}
.sidebar.close_state .profile-details {
    background: none;
}
.sidebar.close_state .profile-details {
    width: 78px;
}
.sidebar .profile-details .profile-content {
    display: flex;
    align-items: center;
}
.sidebar .profile-details img {
    height: 52px;
    width: 52px;
    object-fit: cover;
    border-radius: 16px;
    margin: 0 14px 0 12px;
    background: #1d1b31;
    transition: all 0.5s ease;
}
.sidebar.close_state .profile-details img {
    padding: 10px;
}
.sidebar .profile-details .profile_name,
.sidebar .profile-details .job {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
}
.sidebar.close_state .profile-details i,
.sidebar.close_state .profile-details .profile_name,
.sidebar.close_state .profile-details .job {
    display: none;
}
.sidebar .profile-details .job {
    font-size: 12px;
}
.home-section {
    position: relative;
    background: #fff;
    height: 100vh;
    left: 260px;
    width: calc(100% - 260px);
    transition: all 0.5s ease;
}
.sidebar.close_state ~ .home-section {
    left: 78px;
    width: calc(100% - 78px);
}
.home-section .home-content {
    height: 60px;
    display: flex;
    align-items: center;
}
.home-section .home-content .bx-menu,
.home-section .home-content .text {
    color: #11101d;
    font-size: 35px;
}
.home-section .home-content .bx-menu {
    margin: 0 55px;
    cursor: pointer;
}
.home-section .home-content .text {
    font-size: 26px;
    font-weight: 600;
}

.fa-bars:before {
    content: "\f0c9";
    cursor: pointer;
    font-size: 22px;
}

.fa-gmail {
    content: url('../images/gmail.svg');
}
.fa-whatsapp {
    content: url('../images/social/whatsapp.svg');
}

.fa-instagram {
    content: url('../images/social/instagram.svg');
}

.fa-facebook {
    content: url('../images/social/facebook.svg');
}

.fa-msoutlook {
    content: url('../images/microsoft/outlooklogo.png');
    /*background: none !important;*/
}

/*.sidebar.close_state .sub-menu-1 {
    background: var(--left-menu-color);
    position: absolute;
    top: 12%;
    left: 100%;
    padding: 13px 0px 13px 0px;
    border-radius: 0 7px 7px 0px;
    cursor: pointer;
    display: none;
}*/

.sidebar .sub-menu-1 li {
    /*margin: 0px 0px 13px 0px;*/
    margin: 0px 0px 0px 0px;
}

.sidebar .sub-menu-1 li a{
    padding: 13px 20px 13px 20px !important;
}

.sidebar.close_state .sub_sub_menu:hover .sub-menu-1 {
   /* display: block;
    pointer-events: auto;
    transition: all 0.4s ease;*/
}

.is_mobile .sidebar li.sub_sub_menu:focus-within .sub-menu-1{
    display: block;
}

.sidebar .sub-menu-1 {
    background: var(--left-menu-color);
    /*position: absolute;*/
    /*top: 8%;*/
    /*left: 100%;*/
    /*margin-top: -56px;*/
    position: fixed;
    /*left: 226px;*/
    left: calc(max(16%, 230px) - 15px);
    padding: 13px 0px 13px 8px;
    border-radius: 0 7px 7px 0px;
    cursor: pointer;
    display: none;
}

.is_mobile .sidebar .sub-menu-1 {
    position: relative !important;
    left: 0px !important;
    top: 0px !important;
}

.sidebar.close_state .nav-links li .sub-menu {
    position: fixed;
    left: 76px;
    margin-top: -40px;
    padding: 10px 5px 15px 10px;
    border-radius: 0 6px 6px 0;
    opacity: 0;
    display: block;
    pointer-events: none;
    transition: 0s;
    background: #434343 !important;
}
.sidebar.close_state .nav-links li:hover .sub-menu {
    /*top: 15%;*/
    opacity: 1;
    pointer-events: auto;
}

.sidebar.close_state .sub-menu-1 {
    background: var(--left-menu-color);
    position: absolute;
    left: 100%;
    /*position: fixed;
    margin-left: 48px;*/
    padding: 13px 0px 13px 0px;
    border-radius: 0 7px 7px 0px;
    cursor: pointer;
    display: none;
    top: 0px;
}

.sidebar.close_state.is_mobile .sub-menu-1 {
    left: 0%;
}


.fa-bars:before {
    content: "\f0c9";
    cursor: pointer;
    font-size: 22px;
    /*position: absolute;*/
    z-index: 100001;
}

/* .sidebar .nav-links li .iocn-link:hover {
  background: #ffce90;
  border-radius: 14px;
  margin-bottom: 14px;
}

.sidebar .nav-links li:hover {
  background: #ffce90;
  border-radius: 12px;
} */

.iocn-link:hover {
    background: var(--left-menu-hover-color);
    border-radius: 12px;
    /*margin-bottom: 10px;*/
}

.sidebar .nav-links li .sub-menu a:hover {
    opacity: 1;
    background: var(--left-menu-hover-color);
    border-radius: 12px;
}

/* Side bar css */

/* Tutorial Block*/

.ts_tutorial_popup .content{
    min-width: 650px !important;
}

.ts_tutorial_block{
    height: 50px;
    text-align: initial;
    background-color: var(--mainlight-color);
    /*background-color: rgb(239, 248, 255);*/
    cursor: pointer;
    padding: 0px 8px 0px 0px;
    border-width: 1px;
    border-radius: 8px;
    border-style: solid;
    border-color: var(--mainlight-color);
    /*border-color: rgb(234, 236, 240);*/
    -webkit-box-align: center;
    align-items: center;
    list-style: none;
    display: flex !important;
    margin-bottom: 8px;
    margin-right: 8px;
}

.ts_tutorial_block:hover{
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
    border-color: var(--main-color);
}

.ts_tutorial_block .tu-icon{
    width: 48px;
    height: 48px;
    text-align: initial;
    color: var(--maindark-color);
    /*background-color: rgb(239, 248, 255);*/
    background-color: var(--mainlight-color);
    flex-shrink: 0;
    margin: 0px 0px 0px 0px;
    border-width: 0px;
    border-radius: 8px;
    border-style: solid;
    /*border-color: rgb(152, 162, 179);*/
    border-color: var(--mainlight-color);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    list-style: none;
}

.ts_tutorial_block .tu-content{
    text-align: initial;
    background-color: transparent;
}

.ts_tutorial_block .tu-content .tu-title{
    letter-spacing: -0.02em;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    background-color: transparent;
    color: rgb(52, 64, 84);
    margin: 0px 0px 2px;
}

.ts_round_block{
    border: 1px solid var(--main-color);
    margin: 10px 0px;
    padding: 10px;
    border-radius: 12px;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes gradient-change {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes change-color {
    25% {
        background-color: #F78533;
    }
    50% {
        background-color: #CA7AF0;
    }
    75% {
        background-color: #F78533;
    }
    100% {
        background-color: #CA7AF0;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%; }
    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none; }
    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%; }
    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%; }
    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%; }

    .col-lg-3-margin {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 calc(25% - 1em);
        margin:0.5em;
        max-width: 25%; }
    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%; }
    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%; }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; }
    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%; }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%; }
    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%; }
    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%; }
    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%; }
    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }
}

ol.breadcrumb .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
ol.breadcrumb .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
ol.breadcrumb .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
ol.breadcrumb .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
ol.breadcrumb .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }

ol.breadcrumb .col-lg-3-margin {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 calc(25% - 1em);
    margin:0.5em;
    max-width: 25%; }
ol.breadcrumb .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
ol.breadcrumb .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
ol.breadcrumb .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
ol.breadcrumb .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
ol.breadcrumb .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
ol.breadcrumb .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
ol.breadcrumb .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
ol.breadcrumb .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
ol.breadcrumb .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

.col-ts-1, .col-ts-2, .col-ts-3, .col-ts-4, .col-ts-5, .col-ts-6, .col-ts-7, .col-ts-8, .col-ts-9, .col-ts-10, .col-ts-11, .col-ts-12, .col-ts-13, .col-ts-14, .col-ts-15, .col-ts-16, .col-ts-17, .col-ts-18, .col-ts-19, .col-ts-20{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}



/* Device Styles & Ol bar & Manage Tables styles */

table.vuetable{
    table-layout: fixed;
}

table.vuetable.n_f{
    table-layout: unset;
}

.ts_top_container ol.breadcrumb{
    display: flex;
}

.ts_top_container .ts_s_f_p_c{
    margin-right: 1em;
    float: right;
    display: inline-flex;
    width: 100%;
}

/* Non mobile styles */
.ts_top_container .ts_s_f_p_c .ts_search_filters{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
    align-items: center;
}

.ts_top_container .ts_s_f_p_c .ts_pagination_container{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.ts_top_container .ts_s_f_p_c .ts_search_filters .ts_multi_select{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.ts_top_container .ts_s_f_p_c .ts_search_filters .ts_nav_search{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50.33333%;
    flex: 0 0 50.33333%;
    max-width: 50.33333%;
}

.ts_top_container .ms-options-wrap > button:focus, .ts_top_container .ms-options-wrap > button{
    min-width: 130px;
}

.ts_top_container .vuetable-pagination .btn{
    margin: auto 0px;
}

.ts_top_container{
    z-index: 1028;
}

.ts_dash_popup_card.allyearslots.popupcard.withheader .content{
    min-width: 50vw;
}

.ts_navigation .content{
    display: flex;
    /*justify-content: center;*/
}

.ts_navigation .item{
    display: inline-block;
    flex: 0 0 auto;
    margin: 0 24px;
    padding: 7px 0 2px;
    vertical-align: bottom;
    color: #000000;
}

.ts_navigation .rightactions{
    float:right;
    position: absolute;
    right: 0px;
}

.ts_navigation a{
    color:#000000;
    text-decoration: none;
}

.ts_navigation .item.active{
    color: var(--main-color);
    border-bottom: 4px solid var(--main-color);
}

.ts_navigation .subitem.active{
    background-color: var(--mainlight-color);
}


/* Non mobile styles */

/* Mobile Styles */

.is_mobile #keywordsearchfilters .col-ts-5, .is_mobile #keywordsearchfilters .col-ts-7 {
    width: unset !important;
}

.is_mobile .col-xs-1, .is_mobile .col-sm-1, .is_mobile .col-md-1, .is_mobile .col-lg-1,
.is_mobile .col-xs-2, .is_mobile .col-sm-2, .is_mobile .col-md-2, .is_mobile .col-lg-2,
.is_mobile .col-xs-3, .is_mobile .col-sm-3, .is_mobile .col-md-3, .is_mobile .col-lg-3,
.is_mobile .col-xs-4, .is_mobile .col-sm-4, .is_mobile .col-md-4, .is_mobile .col-lg-4,
.is_mobile .col-xs-5, .is_mobile .col-sm-5, .is_mobile .col-md-5, .is_mobile .col-lg-5,
.is_mobile .col-xs-6, .is_mobile .col-sm-6, .is_mobile .col-md-6, .is_mobile .col-lg-6,
.is_mobile .col-xs-7, .is_mobile .col-sm-7, .is_mobile .col-md-7, .is_mobile .col-lg-7,
.is_mobile .col-xs-8, .is_mobile .col-sm-8, .is_mobile .col-md-8, .is_mobile .col-lg-8,
.is_mobile .col-xs-9, .is_mobile .col-sm-9, .is_mobile .col-md-9, .is_mobile .col-lg-9,
.is_mobile .col-xs-10, .is_mobile .col-sm-10, .is_mobile .col-md-10, .is_mobile .col-lg-10,
.is_mobile .col-xs-11, .is_mobile .col-sm-11, .is_mobile .col-md-11, .is_mobile .col-lg-11,
.is_mobile .col-xs-12, .is_mobile .col-sm-12, .is_mobile .col-md-12, .is_mobile .col-lg-12 {
    padding-right: 2px;
    padding-left: 2px;
    width: 100%;
}


.is_mobile_large .ts_top_container .ts_s_f_p_c .ts_search_filters{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 68.33333%;
    flex: 0 0 68.33333%;
    max-width: 68.33333%;
    align-items: center;
}

.is_mobile_large .ts_top_container .ts_s_f_p_c .ts_pagination_container{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31.66667%;
    flex: 0 0 31.66667%;
    max-width: 31.66667%;
}

.is_mobile_large .ts_top_container select.vuetable-pagination-dropdown{
    margin-bottom: 4px;
}

.is_mobile_large .ts_top_container .vuetable-pagination .btn i{
    font-size: 18px;
}
.is_mobile_large .ts_top_container .vuetable-pagination .btn:hover{
    /*color: #fff;
    background-color: var(--maindark-color);*/
}

.is_mobile_large #ts_pagination_root_container .vuetable-pagination-info{
    position: absolute;
    bottom: -9px;
    right: 25px;
}

.is_mobile .ts_top_container ol.breadcrumb li.breadcrumb-item{
    display: none !important;
}

.is_mobile .ts_top_container ol.breadcrumb{
    padding: 9px 2px !important;
}

.is_mobile .ms-options-wrap > button:focus, .is_mobile .ms-options-wrap > button{
    padding: 0px 10px 0px 6px;
}

.is_mobile .ts_top_container .ms-options-wrap > button:focus, .is_mobile .ts_top_container .ms-options-wrap > button {
    min-width: 100px;
    padding: 0px 22px 0px 6px;
}

.is_mobile .ts_top_container .ts_s_f_p_c .ts_search_filters .ts_nav_search{
    display: none !important;
}

.is_mobile .ts_top_container .ts_s_f_p_c .col-lg-12{
    padding-right: 0px;
    padding-left: 5px;
}

.is_mobile .ts_top_container .ts_s_f_p_c .ts_search_filters .ts_multi_select {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 61.66667%;
    flex: 0 0 61.66667%;
    max-width: 61.66667%;
}

.is_mobile .ts_top_container .ts_multi_select .ms-options{
    min-width: 310px !important;
    max-width: 100% !important;
}

.is_mobile .agile-tables.ts-table .table.vuetable>thead>tr>th{
    width: 100% !important;
}

.is_mobile table.vuetable{
    table-layout: fixed;
}

.is_mobile table.vuetable thead{
    display: none;
}

.is_mobile table.vuetable tbody tr td{
    /*width: 100% !important;*/
    display: flex;
    flex-wrap: wrap;
    row-gap: 5px;
    column-gap: 10px;
}

.is_mobile .ts_dash_popup_card{
    max-width: 100%;
}

.is_mobile .ts_dash_popup_card .content{
    width: 97vw !important;
    max-width: unset !important;
    min-width: unset !important;
}

.is_mobile .ts_dash_popup_card .content .ts-form.col-sm-12{
    width: 100%;
}

.is_mobile .ts_dash_popup_card .content .ts-form.col-sm-12 [class^="col-sm-"], .is_mobile .ts_dash_popup_card .content .ts-form.col-sm-12 [class^="col-lg-"] {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-left: 1px !important;
    padding-right: 1px !important;
}

/* Mobile Styles */

/* Device Styles & Ol bar & Manage Tables styles */


@media (min-width: 768px) {
    .col-ts {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-ts-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-ts-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 5%;
        flex: 0 0 5%;
        max-width: 5%;
    }

    .col-ts-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }

    .col-ts-2-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }

    .col-ts-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
    }

    .col-ts-3-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666%;
        flex: 0 0 16.66%;
        max-width: 16.666%;
    }

    .col-ts-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-ts-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-ts-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }

    .col-ts-6-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-ts-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }

    .col-ts-7-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
    }

    .col-ts-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }

    .col-ts-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
    }

    .col-ts-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-ts-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%;
    }

    .col-ts-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }

    .col-ts-13 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
    }

    .col-ts-14 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }

    .col-ts-15 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-ts-16 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }

    .col-ts-17 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 85%;
        flex: 0 0 85%;
        max-width: 85%;
    }

    .col-ts-18 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }

    .col-ts-19 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 95%;
        flex: 0 0 95%;
        max-width: 95%;
    }

    .col-ts-20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }


}



.force-col .col-ts {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.force-col .col-ts-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.force-col .col-ts-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    max-width: 5%;
}

.force-col .col-ts-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
}

.force-col .col-ts-2-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}

.force-col .col-ts-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
}

.force-col .col-ts-3-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666%;
    flex: 0 0 16.66%;
    max-width: 16.666%;
}

.force-col .col-ts-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.force-col .col-ts-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.force-col .col-ts-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

.force-col .col-ts-6-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.force-col .force-col .col-ts-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
}

.force-col .col-ts-7-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
}

.force-col .col-ts-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

.force-col .col-ts-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
}

.force-col .col-ts-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.force-col .col-ts-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
}

.force-col .col-ts-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

.force-col .col-ts-13 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
}

.force-col .col-ts-14 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}

.force-col .col-ts-15 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.force-col .col-ts-16 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}

.force-col .col-ts-17 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%;
}

.force-col .col-ts-18 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
}

.force-col .col-ts-19 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%;
}

.force-col .col-ts-20 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

/* Mobile Styles */

.is_mobile_large .breadcrumb > li.breadcrumb-item.manage_items_table{
    min-width: unset;
}

.breadcrumb > li.breadcrumb-item.manage_items_table{
    min-width: 200px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {



    .four-grid{
        padding-right: 0.5em !important;
        padding-left: 0.5em !important;
    }

    .ts_tutorial_popup .content{
        width: 97vw !important;
        max-width: unset !important;
        min-width: unset !important;
    }
}

.t_w_full{
    width: 100%;
}

.t_w_fit{
    width: fit-content;
}

.t_m_w_full{
    max-width: 100%;
}

.t_bold{
    font-weight: bold;
}

/* Mobile Styles */

/*
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }*/