/* .col-sm-12, .col-sm-6{ padding:0;} */
    .left-side > .col-sm-4{
        color:#fff;
        font-size:12px;
        padding:0;
    }
    .left-side > .col-sm-4 .sidebar{
      position:fixed;
      height:100%;
      padding: 3%;
      overflow:auto;
      z-index:1;
      width:33.33333333%;
      background:#076191;
      text-align: justify;
    }
    .left-side .col-sm-4 h4 { font-weight:bold; margin-top:50px;}
    .left-side .col-sm-4 big {  font-weight:bold;}
    .reg-log-link { background-color:#fff; color:#076191; border-radius:5px; padding:7px; font-weight:bold; }
    .log-reg-link { background-color:#fff; color:#076191; border-radius:5px; padding:7px; font-weight:bold; }

    
    .right-side {
        position:relative;
        height:100%;
        padding-bottom:17%;
    }
    .right-side .col-sm-8{
        padding:20px;
    }
    .col-sm-8 h4{ font-weight:bold; color:#076191; padding-top: 2%;  line-height:25px;}
    .col-sm-8 .input-group { padding:3px;}
    .left-side > .col-sm-4 img{ width:60px; height:60px;}
    sup {color:red;}
    .hint-block { font-size:11px; color:#888686; }
    .col-sm-8 .nav-toggle .on-screen-toggle:before{
      content:' \205D';
      position:absolute;
      top:1%;
      font-size:25px;
      font-weight:bold;
      color:#076191;
      cursor:pointer;
      right:98%;
    }
    .col-sm-8 .nav-toggle .on-screen-toggle{
      display:none;
    }
    
    .form-control,input, select{
        border:none;
        border-bottom:1px solid #ccc;
        box-shadow:none;
        background:none;
        padding-left:0;
    }
    .input-group-addon{ 
        background:none;
        border:none;
    }
    .col-sm-8 .control-label{
        font-weight:normal;
    }
    .select2-container--krajee .select2-selection{
        -webkit-box-shadow:none;
        box-shadow:none;
        background-color:none;
    }
    .select2-container--krajee .select2-selection--single { height:30px; background:none; border:none; border-bottom:1px solid #ccc;}
    .select2-container--krajee .select2-selection--single .select2-selection__arrow{
        border:none;
        height:30px;
    }
    .col-sm-12 .col-sm-6  img{ height:70px;}
    .b-footer{
      position: fixed;
      left:0;
      bottom: 0;
      width: 100%;
      background-color: #fafafa;
    }
    .b-footer .footer-contents{
       
        margin-left:33.333%;
        padding-left:40px;
        z-index: 200;
    }
   
    .b-footer .footer-contents .link a,
    .b-footer .footer-contents .span{
        color:#a7a5a5ee;
        font-size:15px;
        text-decoration: none;
    }

    .b-footer .footer-contents .link,
    .b-footer .footer-contents .span{
      display: inline-block;
    }
    .b-footer .footer-contents .span{
      margin-left: 5%;
    }
    
    .divider{
       display:none;
    }

    @media only screen and (max-width:768px){
      .left-side > .col-sm-4{ display:none;}
      .col-sm-8 .nav-toggle .on-screen-toggle{ display:block;}
      .b-footer .footer-contents{
          margin-left:0;
          padding-left:0;
        
      }
      .popover{
        background: rgba(7, 2, 27, 0.912);
        color: white;
        box-shadow:none;
        border-radius: 0;
      }
      .popover.top > .arrow:after{
        border-top-color:rgba(7, 2, 27, 0.912);
      }

      .b-footer .footer-contents small{
        display:none;
      }
      .b-footer .footer-contents .span{
        margin-left: 35%;
        width: 50%;
      }

      .b-footer .footer-contents .span .last-icon{
        float: right;
      }

      .divider{
        display:block;
        font-size:12px;
        color:#9e9e9e;
        width:100%;
        line-height:30px;
        text-align:center;
        }
        .right-side .btn {
            width:100%;
        }

        /* .b-footer .footer-contents span, 
        .b-footer .footer-contents .link{
          padding-right:25%;
          color:#9e9e9e;
          font-size:18px;
      } */
    }

    .divider-login{
        font-size:12px;
        color:#9e9e9e;
        width:100%;
        line-height:30px;
        text-align:center;
        }


 
    /* .col-sm-4 .sidebar:before{
      content: '\226B';
      position: absolute;
      border-color: #009933;
      background-color:#076191;
      color:red;
      font-size:20px;
      border-radius:100%;
      font-weight:bold;
      padding:2%;
      left:95%;
      border:1px solid #fff;
    } */
    /* .col-sm-8 .nav-toggle .on-screen-toggle:before{
      content:' \205D';
      position:absolute;
      top:1%;
      font-size:25px;
      font-weight:bold;
      color:#076191;
      cursor:pointer;
      right:8%;
    } */
    /* .col-sm-8 .nav-toggle .on-screen-toggle{
      display:none;
    } */

    .btn-round { border-radius:100px; }

    .input-group-addon{ 
        background:none;
        border:none;
        border-bottom:1px solid #ccc;
    }
    .col-sm-4 b a {  color:#ff80ab; border-radius:none; padding:3px; font-weight:bold; background: none; }
    
    .right-side fieldset{
        float: none;
        top:50px;
    }
    .right-side fieldset .panel{
      background: rgba(253, 253, 253, 0.605);
      border: 1px solid  rgba(221, 220, 220, 0.782);
    }
    

    .form-control:focus{
      border: none;
      border-bottom: 1px solid #ccc;
      box-shadow: none;
      -webkit-box-shadow:none;
    }
    .has-error .input-group-addon {
      color: #a94442;
      background-color:rgba(253, 253, 253, 0.605);
      border-color: #a94442;
      border-top:none;
      
    }

    .has-error .form-control {
      border-color: #a94442;
      -webkit-box-shadow: inset 0 1px 1px rgba(250, 249, 249, 0);
      box-shadow:  inset 0 1px 1px rgba(250, 249, 249, 0);
    }
    .has-error {
      font-size:12px;
    }

    .has-success .input-group-addon {
      color: #3c763d;
      background-color:rgba(253, 253, 253, 0.605);
      border-color: #3c763d;
    }

    .has-success .form-control {
      border-color: #268a28;
      -webkit-box-shadow: inset 0 1px 1px rgba(250, 249, 249, 0);
      box-shadow:  inset 0 1px 1px rgba(250, 249, 249, 0);
    }