 
    ::placeholder {
        color: #000;
        opacity: 1; /* Firefox */
    }
    @media (min-width:320px) and (max-width:768px)  {
        body{ 
            background: -webkit-linear-gradient(right, #24aea2 50%, #24aea2 50%) !important;
        }
       }

    .logo-size {
        margin-top: 0px; height:55px; padding:20px;
    }
    .ml38{    margin-left: 38px;}

    ::-ms-input-placeholder { /* Edge 12 -18 */
        color: #000;
    }
    input::placeholder {
        opacity: 0.5;
        color: #373737 !important;
    }
    .footer {
        display: none;
    }
    a {
        text-decoration: none;
        background-color: transparent;
        color: #193289 !important;
    }
    .form {
        padding: 35px 17px !important;
    }
	.form button ,.auth-form-btn{
    text-transform: uppercase;
    outline: 0;
    background-color: #36ced3 !important;
    width: auto;
    border: 0;
    color: #fff;
    /* border: 2px solid #1771c5; */
    padding: 10px 17px;
}
    body{ 
        background: -webkit-linear-gradient(right, #ffffff 50%, #24aea2 50%)  
    }
    @font-face {
        font-family: 'mouse-300';
        src: url("fonts/Roboto/RobotoSlab-Regular.ttf") format("truetype"); }
    @font-face {
        font-family: 'mouse-500';
        src: url("fonts/Roboto/RobotoSlab-Bold.ttf") format("truetype"); }
  
    /* ===================================== Basic CSS ================================== */
    .input-group>.custom-file:focus, .input-group>.custom-select:focus, .input-group>.form-control:focus {
        z-index: 3;
    }
    .form-control:focus {
        background-color: #FFF !important;
        border-color: #CCC;
    }
    .form-control:focus {
        box-shadow: none;
        border: 2px solid #d4d6d8 !important;
    }
    .field-icon {
        right: 5px;
        margin-top: 17px;
        position: absolute;
        z-index: 9999999;
        color: #3da084;
    }
    .form-control-lg {
        height: 50px !important;     color: #000 !important;
    }
    .form .form-control {
        outline: 0;
        background: #eceded !important
    }
    .input-group-text {
        color: #999999 !important;
    }
    .text-danger {
        color: #ff4747!important;
        margin-left: 46px;
    }
    #terms_check-error{
            margin-left: 19px !important;
    }
    @media screen and (max-width: 600px) {
        .form {
            max-width: 75% !important;
        }
        .displays{
            display: flex;
            flex-flow: column;
        }
        .leftside {
            order: 2;
        }

        .rightside {
            order: 1;
        }
    }
    .event-title-box {
        font-size: 12pt;
        line-height: 16pt;
        height: 55px;
    }
    .mb-30 {
        margin-bottom: 30px;
    } .event-item {
          border: 1px solid #F0F0F0;
          box-shadow: 0px 10px 20px rgba(1, 16, 61, 0.1);
          border-radius: 30px;
          border: 1px solid #F0F0F0;
          border-radius: 30px;
          transition: 0.3s;
          background-color: var(--tp-common-white);
      } .event-thumb {
            margin-bottom: 0;
            border-radius: 20px 20px 0 0;
        }.fix {
             overflow: hidden;
         }.event-thumb img {
              border-radius: 20px 20px 0 0;
          }
    .event-thumb img {
        width: 100%;
        transition: transform 0.3s linear;height: 150px;
    }  .event-content {
               padding: 17px 10px;
               height: 78px;
               color: #000;
       }.event-meta {
            margin-bottom: 12px;
        }.event-date span {
             font-weight: 500;
             font-size: 14px;
             line-height: 12px;
             color: #000000;
             margin-left: 0px;
             position: relative;
         }.event-title-sm {  font-weight: 700;
              font-size: 15px;
              line-height: 23px;
              color: var(--tp-common-black);
              font-family: var(--tp-ff-urban);
          }
    .leftside{    padding: 0px;
        margin: 0px;height:100vh; order:2;

    }.fa {
         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;
     }
    .rightside{    padding: 0px;
        margin: 0px;height:100vh;order:1;
    }.event-thumb:hover img {
         transform: scale(1.1);
     }
    .form{     margin: 15% auto; }.input-group {
                                     position: relative;
                                     display: -ms-flexbox;
                                     display: flex;
                                     -ms-flex-wrap: wrap;
                                     flex-wrap: wrap;
                                     -ms-flex-align: stretch;
                                     align-items: stretch;
                                     width: 100%;    border: none;
                                 }.input-group-prepend {
                                      margin-right: -1px;    background: #eceded;
                                  }
    .input-group-append, .input-group-prepend {
        display: -ms-flexbox;
        display: flex;
    }.form-control, .form-control:focus, .input-group-text {
         border-color: #e1e1e1;
     }.input-group-text {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          padding: 0.375rem 0.75rem;
          margin-bottom: 0;
          font-size: 22px;
          font-weight: 400;
          line-height: 1.5;
          color: #495057;
          text-align: center;
          white-space: nowrap;
          border: none;
          border-radius: 0.25rem;
      }.signup-form .fa {
           font-size: 21px;
       }.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
            position: relative;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            width: auto;
            min-width: 0;
            margin-bottom: 0;
        } .event-item:hover {
              border: 1px solid #F0F0F0;
              box-shadow: 0px 10px 20px rgba(1, 16, 61, 0.1);
              border-radius: 30px;
          }
    .form-control, .btn {
        border-radius: 3px;
    }    .gridss { /* padding: 60px 60px 60px 80px;   */    }
    .logiin {background: #36ced3 !important;
        padding: 10px 20px  !important;
        border-radius: 10px !important;color: #000000 !important;    text-transform: capitalize !important;
    }
    .asColorPicker-input:focus, .dataTables_wrapper select:focus, .form-control:focus, .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row input:focus[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row select:focus, .select2-container--default .select2-selection--single .select2-search__field:focus, .select2-container--default .select2-selection--single:focus, .tt-hint:focus, .tt-query:focus, .typeahead:focus {
        box-shadow: none !important;
    }
    .color1{
        background: #e4fce1
    }
    .color2{
        background: #ddf5fc
    }
    .color3{
        background: #f1f3d7
    }
    .color4{
        background: #fff1e0
    } 