/*Nano*/

/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

/*Nano*/


body{
    overflow-x: hidden;
}

.control-label-agentcheck{
   color:#ffffff;
}


/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: local('Heebo'), local('Heebo-Regular'), url(https://fonts.gstatic.com/s/heebo/v3/NGS6v5_NC0k9P9H0TbFzsQ.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: local('Heebo Medium'), local('Heebo-Medium'), url(https://fonts.gstatic.com/s/heebo/v3/NGS3v5_NC0k9P9kFbqROkK440A.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: local('Heebo Bold'), local('Heebo-Bold'), url(https://fonts.gstatic.com/s/heebo/v3/NGS3v5_NC0k9P9lNaKROkK440A.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}

html,body{
    font-family: Heebo!important;
}

#side-menu li.menu-item-customers {
    display: none;
}
 #setup-menu-wrapper  #setup-menu li:nth-child(3){
     display: none;
 }
 .authentication-form form{
     direction: rtl;
 }
 input#remember {
    margin-right: 50px;
}

table.dataTable thead>tr>th{
    text-align: center;
}

.table>tbody>tr>td {
    text-align: center;
    font-size: 11.9px;
}

table .row-options {
    margin-top: 5px;
    padding: 2px 0 0;
    position: relative;
    width: 100px;
}

body.rtl .table thead th{
  text-align:center;
}

.text-has-action {
    border-bottom:none;
    padding-bottom: 2px;
}

body.customers.customers_login {
    opacity: 0;
}

@media(max-width:768px){

   .container{
       height:120vh!important;
       overflow-y:scroll!important;
   }

}
@media(max-width:480px){
    .container{
        height:120vh!important;
        overflow-y: scroll!important;
    }
}
@media(max-width:320px){
    .container{
        height:120vh!important;
        overflow-y: scroll!important;
    }
}



    .alert-danger{
        display: none;
    }

    .form-control {
    transition: background-color 1000s ease-in-out 0s;
    background: url(https://crmil.goil.co.il/uploads/company/inputbg.png) no-repeat;
    background-size: cover;
    border: 1px solid #ffffff!important;
    border-radius: 32px;
    zoom: 1.2;
    background-position: 24% 24%!important;
   }
    body {
    font-family: "heebo", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #fff;
    font-size: 13px;
    color: #6a6c6f;
    background:url(https://crmil.goil.co.il/uploads/company/background.png) no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0;
    background-position: center;
}

.authentication-form {
    border-radius: 2px;
    /* border: 1px solid #e4e5e7; */
    padding: 20px;
    background: transparent;
    color: #fff;
    border: none;
    margin: 0 auto;
}
.authentication-form a{
    color: #ffffff;
}
input,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    /*background: url(https://crmil.goil.co.il/uploads/company/inputbg.png) no-repeat;*/
    color:#ffffff;
    /*transition: background-color 5000s ease-in-out 0s;*/
    -webkit-text-fill-color: #000 !important;
}

.authentication-form .btn-info {
    background: #ffffff;
    color: #19a6d0;
    font-weight: 700;
    font-family: Heebo;
    font-size: 20px;
    border-radius: 32px;
}
h1 {
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 35px;
    text-transform: uppercase;
    text-align: center;
    font-family: Heebo;
}





@media(max-width:768px){

    .alert-danger{
        display: none;
    }

    .form-control {
    transition: background-color 19000s ease-in-out 0s;
    background: url(https://crmil.goil.co.il/uploads/company/inputbgmobile.png) no-repeat;
    background-size: cover;
    border: 1px solid #ffffff!important;
    border-radius: 32px;
    zoom: 1.2;
   }
   body {
   font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
   background-color: #fff;
   font-size: 13px;
   color: #6a6c6f;
   background: url(https://crmil.goil.co.il/uploads/company/background.png) no-repeat;
   background-size: cover!important;
   margin: 0;
   padding: 0;
}

.authentication-form {
    border-radius: 2px;
    /* border: 1px solid #e4e5e7; */
    padding: 20px;
    background: transparent;
    color: #fff;
    border: none;
}
.authentication-form a{
    color: #ffffff;
}

input,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    background: url(https://crmil.goil.co.il/uploads/company/inputbgmobile.png) no-repeat;
    /*color:#ffffff;*/
    transition: background-color 5000s ease-in-out 0s;
    /*-webkit-text-fill-color: #fff !important;*/
}

.authentication-form .btn-info {
    background: #ffffff;
    color: #19a6d0;
    font-weight: 700;
    font-family: Heebo;
    font-size: 20px;
    border-radius: 32px;
}

.copyright-link {
    display: inline-block;
    margin: 5px 10px;
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
    z-index: -1;
}

}


/*Start Contact Form Desktop-Mobile Switch*/

/*desktop*/
.authentication-form-desktop-userdata{
    display: none;
    border-radius: 2px;
    /* border: 1px solid #e4e5e7; */
    padding: 20px;
    background: transparent;
    color: #fff;
    border: none;
}

.authentication-form-desktop-userdata .btn-info {
    display: none;
    background: #ffffff;
    color: #19a6d0;
    font-weight: 700;
    font-family: Heebo;
    font-size: 20px;
    border-radius: 32px;
}



.authentication-form-desktop-phonecheck{
    display:block;
    border-radius: 2px;
    /* border: 1px solid #e4e5e7; */
    padding: 20px;
    background: transparent;
    color: #fff;
    border: none;
}

.authentication-form-desktop-phonecheck .btn-info {
    display:block;
    background: #ffffff;
    color: #19a6d0;
    font-weight: 700;
    font-family: Heebo;
    font-size: 20px;
    border-radius: 32px;
}

.authentication-form-desktop-smscheck{
    display: none;
    border-radius: 2px;
    /* border: 1px solid #e4e5e7; */
    padding: 20px;
    background: transparent;
    color: #fff;
    border: none;
}

.authentication-form-desktop-smscheck .btn-info {
    display:none;
    background: #ffffff;
    color: #19a6d0;
    font-weight: 700;
    font-family: Heebo;
    font-size: 20px;
    border-radius: 32px;
}

.authentication-form-desktop-agentcheck .btn-info {
    display: block;
    background: #ffffff;
    color: #19a6d0!important;
    font-weight: 700;
    font-family: Heebo;
    font-size: 20px;
    border-radius: 32px;
}



/*.form-control{
    background: none;
}*/



.screen-options-btn{
    display: none;
}



.company-logo .img-responsive {
    display: inherit;
    max-width: 80%;
    margin: 0 auto;
    /* padding: 0; */
}

.control-label-smsplus{
    color:#0080bc;
}

div#mobile-search {
    /* border: none; */
    overflow: hidden;
    /* margin: 0 auto; */
    /* display: block; */
}

input#istolead {
    display: inline-block;
    vertical-align: middle;
}

input#addistolead {
    display:none;
    vertical-align: middle;
}
input#addistolead+ label{
    display: inline-block;
    cursor: pointer;
}
input#removeistolead{
    display: none;
}
input#removeistolead+label{
    display: inline-block;
    cursor: pointer;
}

.checkbox-lead{
    display: none;
}

a[id^="tableLeadsStatus"]+ul{
    width:18vw;
    text-align:center;
}

/* !important is needed sometimes */
::-webkit-scrollbar {
   width: 12px !important;
}

/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
  -webkit-border-radius: 10px !important;
  border-radius: 10px !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px !important;
  border-radius: 10px !important;
  background: #41617D !important;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;

}
::-webkit-scrollbar-thumb:window-inactive {
  background: #41617D !important;
}

.inline-block.label.label- {
    cursor: pointer;
}

/*table#table-leads{
    overflow-x: scroll;
    max-width: 84%;
    width: 100%;
    display: block;
    white-space: nowrap;
    margin: 0 auto;
}*/
table{
    max-width:none!important;
}
.dataTables_scrollBody
{
 overflow-x:hidden !important;
 overflow-y:auto !important;
}

/*div#lead-modal {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    overflow-y: hidden;

}*/
.panel_s.events{
    display:block;
}
ul.dropdown-menu.dropdown-menu-right {
    width: 336px;
    text-align: center;
    position: absolute;
    left: 33%;
    transform: translateX(-33%);
}
.fa-phone-square{
    display: none!important;
}


@media (min-width:1025px){
    #top_search input {
    border-radius: 0;
    background: 0 0;
    height: auto;
    border: 0;
    width: 100%;
    color: #fff;
    font-size: 15px;
    /* padding: 0; */
    margin: 10px -10px;
}

.control-label-phonecheck {
    margin-bottom: 11px;
    font-weight: 700;
    margin: 5% 24%;
    font-size: 23px;
    text-align: center;
}

    .control-label-smscheck{
        margin-bottom: 11px;
        font-weight: 700;
        margin: 5% 21%;
        font-size: 23px;
    }

    .authentication-form-wrapper {
    margin-right: 64%;
    margin-top: 13%;
    }

 .authentication-form{
     display: none;
    max-width: 80%;
 }
.authentication-form-desktop-userdata{
    display: none;
    border-radius: 2px;
    /* border: 1px solid #e4e5e7; */
    padding: 20px;
    background: transparent;
    color: #fff;
    border: none;
}
.authentication-form-desktop-phonecheck {
    display: block;
    border-radius: 2px;
    /* border: 1px solid #e4e5e7; */
    padding: 20px;
    background: transparent;
    color: #fff;
    border: none;
    max-width: 88%;
    margin: 0 auto;
}
.authentication-form-desktop-smscheck{
    display: none;
    border-radius: 2px;
    /* border: 1px solid #e4e5e7; */
    padding: 20px;
    background: transparent;
    color: #fff;
    border: none;
}


.authentication-form-desktop-agentcheck{
    display: none;
    border-radius: 2px;
    /* border: 1px solid #e4e5e7; */
    padding: 20px;
    background: transparent;
    color: #fff;
    border: none;
}




.col-md-12.srvcol {
   margin: -264px -754px;
}

.srvgif {
    /* max-height: 400px; */
    height: 404px;
    position: absolute;
    transform: translateX(234%) scale(1.38);
    /* transform: translateY(16%); */
    top: -28%;
}

img.gserv {
    transform: scale(1) translateZ(0);
    filter: contrast(8px);
    backface-visibility: hidden!important;
    -webkit-transform: translateX(1px) scale(0.6) translateZ(0)!important;
    margin-top: -39px;
    position: absolute;
    right: -27%;
    transform: translateX(-50%)!important;
    zoom: 0.7;
}

/*input, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    background: url(https://crmil.goil.co.il/uploads/company/inputbg.png) no-repeat;
    color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;

}*/

.company-logo {
    padding: 11px 10px;
    display: block;
    /* margin-top: -105px; */
    margin-bottom: 126px;
    margin-top: -81px;
}

#logo img {
    width: auto;
    height: 34px;
    margin-top: 3px;
    transform: scale(2.1);
}


div#specific_staff_notify {
    display: none;
}

/*.top-lead-menu ul li:nth-child(5){
  display:none;
}*/

#side-menu {
    background: #626f80;
    /*height: 278vh;*/
}

#logo {
   float: right;
   zoom: 0.6;
   /* margin-right: 62px; */
   margin: 23px 59px;
}

.screen-options-btn{
    display: none;
}




.authentication-form-desktop-agentcheck .btn-info{
    display:block;
    background: #ffffff;
    color: #19a6d0;
    font-weight: 700;
    font-family: Heebo;
    font-size: 20px;
    border-radius: 32px;
}


.control-label-agentcheck {
    /* margin-bottom: 14px; */
    font-weight: 700;
    margin: 0 auto;
    font-size: 23px;
    text-align: center;
    text-align: center;
    display: inherit;
    padding-bottom: 5px;
}

  #table-leads #th-company{
      display: none;
  }

  #table-leads tbody tr td:nth-child(4){
        display: none;
  }


  #table-leads #th-tags{
      display: none;
  }
  #table-leads tbody tr td:nth-child(7){
        display: none;
  }


  #side-menu li.dashboard_user {
      padding: 11px 10px 11px 15px;
      color: #fff;
      font-size: 14px;
      font-weight: 500;
  }

  .row-options {
      display: block;
      margin: 0 auto;
  }


    .panel_s .leads-pie{
        height: 457px;
    }

    #mobile-search #top_search input {
    background: none;
    margin-top: -2px;
    height: 42px;
    border: none!important;
}

#mobile-search #top_search_button button {
    /* margin-top: 6px; */
    display: none;
}

button#btn-forgotpass-block{
    width:100%;
}

.copyright-link {
    display: inline-block;
    margin: 5px 10px;
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
    zoom: 0.8;
}

}/*end desktop*/





/*mobile*/



@media (max-width:520px) {
    body{
        background-size:auto;
    }
}

@media(max-width:768px){

    .col-md-12.srvcol{
        display: none;
    }
    .authentication-form-desktop-userdata{
        display: none;
    }
    .authentication-form-desktop-phonecheck{
        display: none;
    }
    .authentication-form-desktop-smscheck{
        display: none;
     }
    .srvgif{

        display: none;
    }




  img.gserv{
      display: none;
  }

  #table-leads #th-company{
      display: none;
  }

  #table-leads tbody tr td:nth-child(4){
        display: none;
  }


  #table-leads #th-tags{
      display: none;
  }
  #table-leads tbody tr td:nth-child(7){
        display: none;
  }


  #side-menu li.dashboard_user {
      padding: 11px 10px 11px 15px;
      color: #fff;
      font-size: 14px;
      font-weight: 500;
  }
  .row-options {
      display: block;
      margin: 0 auto;
  }


  .panel_s .leads-pie{
      height: 757px;
  }

  button#btn-forgotpass-block {
    width: 100%;
}

div#leads-table {
    /*display: inline-block;
    width: 92vw;*/
}
div#table-leads_length {
    display: inline-block;
    width: 100%;
    margin: -7px auto;
    max-width: 90%;
}
th#th-number {
    text-align: right;
}

.modal-dialog.modal-lg {
    display: block;
    width: 100%;
    margin: 0 10px;
    padding: 0;
    max-width: 100%;
    height: auto;
}

.xdsoft_datetimepicker {
width: 100%!important;
    border-radius: 4px;
    padding: 10px;
    font-family: Heebo;
    border: 1px solid #bfcbd9;
    margin-top: -109px;
    left: -5px!important;
}
/*.xdsoft_datetimepicker .xdsoft_time_box .xdsoft_time_variant{
    position:relative;
}*/

}

/*a#top-timers {
    display:none;
}

.navbar-right li:nth-child(2){
    display:none!important;
}

#side-menu .menu-item-utilities{
    display: none;
}

#side-menu .menu-item-knowledge-base{
    display: none;
}

#side-menu .menu-item-tickets{
    display: none;
}

#side-menu .menu-item-projects{
    display: none;
}

#widget-user_data{
    display: none;
}
.navbar-right li:nth-child(4){
    display: none!important;
}*/



@media(max-width:991px){

    #top_search input {
    border-radius: 0;
    background: 0 0;
    height: auto;
    border: 0;
    width: 100%;
    color: #fff;
    font-size: 15px;
    /* padding: 0; */
    margin: 10px -10px;
}


    .authentication-form-desktop-userdata{
        display: none;
    }
    .authentication-form-desktop-phonecheck{
        display: none;
    }
    .authentication-form-desktop-smscheck{
        display: none;
    }
    .authentication-form-desktop-agentcheck{
        display:none;
    }
    .col-md-12.srvcol{
        display: none;
    }
    .srvgif{

        display: none;
    }

      #side-menu li.dashboard_user {
          padding: 11px 10px 11px 15px;
          color: #fff;
          font-size: 14px;
          font-weight: 500;
      }

      button#btn-forgotpass-block {
        width: 100%;
    }

    .copyright-link {
    display: inline-block;
    margin: 5px 10px;
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
    z-index: -1;
}

}

@media(max-width:1024px){

    .authentication-form-desktop-userdata{
        display: none;
    }
    .authentication-form-desktop-phonecheck{
        display: none;
    }
    .authentication-form-desktop-smscheck{
        display: none;
    }
    .authentication-form-desktop-agentcheck {
        display:none;
    }

    .col-md-12.srvcol{
        display: none;
    }
    .srvgif{

        display: none;
    }


      #side-menu li.dashboard_user {
          padding: 11px 10px 11px 15px;
          color: #fff;
          font-size: 14px;
          font-weight: 500;
      }
}

@media(max-width:1184px){
    .control-label-phonecheck {
    margin: 5% 13%;
}
    .control-label-smscheck {
    margin: 5% 13%;
    }
}

@media (min-width: 1400px){
    .container {
        width: 1500px;
        max-width: 100%;
        margin: 42px auto;
    }

}


@media (max-width:1440px){

    img.gserv {
      transform: scale(1) translateZ(0);
      filter: contrast(8px);
      backface-visibility: hidden!important;
      -webkit-transform: translateX(1px) scale(0.6) translateZ(0)!important;
      margin-top: -112px;
      position: absolute;
      right: -27%;
      transform: translateX(-70%)!important;
      zoom: 0.7;
  }

  .srvgif {
    /* max-height: 400px; */
    height: 404px;
    position: absolute;
    transform: translateX(183%) scale(1.38);
    /* transform: translateY(16%); */
    top: -17%;
}

}

@media(max-width:1280px){
    img.gserv {
        transform: scale(1) translateZ(0);
        filter: contrast(8px);
        backface-visibility: hidden!important;
        -webkit-transform: translateX(1px) scale(0.6) translateZ(0)!important;
        margin-top: -172px;
        position: absolute;
        right: -27%;
        transform: translateX(-52%)!important;
        zoom: 0.7;
    }

    .srvgif {
    height: 404px;
    position: absolute;
    transform: translateX(150%) scale(1.38);
    top: -16%;
}
}

@media(max-width:1024px){

    img.gserv {
    display:none;
}
}

@media(max-width:1200px){
    img.gserv {
    transform: scale(1) translateZ(0);
    filter: contrast(8px);
    backface-visibility: hidden!important;
    -webkit-transform: translateX(1px) scale(0.6) translateZ(0)!important;
    margin-top: -172px;
    position: absolute;
    right: -27%;
    transform: translateX(-27%)!important;
    zoom: 0.7;
}
}
@media(max-width:1400px) {
    img.gserv {
    transform: scale(1) translateZ(0);
    filter: contrast(8px);
    backface-visibility: hidden!important;
    -webkit-transform: translateX(1px) scale(0.6) translateZ(0)!important;
    margin-top: -112px;
    position: absolute;
    right: -27%;
    transform: translateX(-36%)!important;
    zoom: 0.7;
}
}
/*Start Contact Form Desktop-Mobile Switch*/

/*Start IOS Section*/

.authentication-form-desktop-userdata-ios{
    display: none;
}

/*ios application footer section*/

.bottom_rowmenu-ios {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 66px;
    background: #2399ad;
    z-index: 999;
}
.contcentermenu-ios {
    width: 100%;
    height: 64px;
    margin: 0 auto;
    align-items: center;
}

.footer-ul {
    list-style: none;
    width: 100%;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

.bottom_rowmenu-ios ul li:nth-child(1) {
    float: right;
    margin-right: 5%;
    margin-top: 1.2%;
}
.bottom_rowmenu-ios ul li:nth-child(2) {
    float: left;
    margin-left: 6%;
    margin-top: 3%;
    /* vertical-align: middle; */
}

.contcentermenu-ios .julbeans {
    background: url(http://crmil.co.il/assets/images/hapoelhaifa-barsprite.png) no-repeat 73.661% 49.128%;
    background-size: 263px 65px;
    width: 28px;
    height: 20.4px;
    zoom: 1.7;
    display: block;
    /* filter: invert(1); */
}

.contcentermenu-ios .julphone {
    zoom: 1.8;
    background: url(http://crmil.co.il/assets/images/hapoelhaifa-barsprite.png) no-repeat 34.818% 52.525%;
    background-size: 260px 65px;
    width: 21px;
    height: 15px;
    display: block;
    filter: invert(10);
    padding: 0.6em;
}
.bottom_rowmenu-ios ul li {
    display: inline-block;
    margin-right: 3%;
    margin-left: 3%;
}
ul.footer-ul li span {
    color: #ffffff;
}
span.errorsmscode {
    position:relative;
    color: red;
    display: block;
}
span.errorphonecode{
    position: relative;
    color: red;
    display: block;
}

span.erroragentcode {
    position: relative;
    color: red;
    display: block;
}
span.errordetails {
    color: red;
    display: block;
}

@media screen and (max-width:1024px) {
    .bottom_rowmenu-ios ul li:nth-child(2) {
        float: left;
        margin-left: 6%;
        margin-top: 1.8%;
        /* vertical-align: middle; */
    }
}
@media screen and (max-width:414px)
{
.bottom_rowmenu-ios ul li:nth-child(2) {
    float: left;
    margin-left: 6%;
    margin-top: 2.9%;
    /* vertical-align: middle; */
}

.xdsoft_time_variant {
    z-index: 999999!important;
    /* position: absolute; */

}
}
/*End IOS Section*/

.fb_iframe_widget_fluid,.fb_iframe_widget{
    display: block!important;
    /* text-align: center; */
    width: 67%!important;
    margin: 0 auto!important;
}

/*Calendar*/

 #calendar .btn-group > *{
     display: block!important;
 }

 .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }