body {
        background-color: #fff;
    }    

    .form-space {
        /*background-color: rgba(255, 255, 255, 1);*/
        background-color: #fff;
        margin-top:20%;
        margin-bottom:5%;
        border-radius: 20px;
        padding:10px;
    }

    .logo {
        text-align:center;
        padding:15px 20px;
    }

    .login-form-input {
        outline:0;
        border-width:0 0 2px;
        border-color: #2f323e; 
        width:95%;
        background-color: transparent;
        margin:2px 4px;
        padding:0px 4px;
        
    }

    .formErr {
        outline:0 !important;
        border-width:0 0 2px !important;
        border-color: red !important;
    }

    .securityCOde {
        outline:0;
        border-width:0 0 2px;
        border-color: #2f323e;
        width:90%;
        background-color: transparent;
        margin:10px 0;
    }

    .login-form button {
        background-color: #edf1f5;
        margin:20px 7px;
        padding:6px 19px;
        border:none;
        text-decoration: none;
        border-radius:7px;
        font-size:14px;
        cursor: pointer;
        border: 1px solid #2f323e;
    }

    .login-form button:hover {
        background-color: gray;
        color:#edf1f5;
    }

    #nameErr p {
        margin-top:1px;
        padding-left:5px;
        color:red;
    }

    #pwdErr p {
        margin-top:1px;
        padding-left:5px;
        color:red;
    }

    #captErr p {
        margin-top:1px;
        padding-left:5px;
        color:red;
    }
    .tbl-head {
        cursor: pointer;
    }

    .space {
        margin:7px 0;
    }
    .space-sm {
        margin:10px 0;
    }
    .space-md {
        margin:15px 0;
    }
    .space-lg {
        margin:20px 0;
    }
    .space-xl {
        margin:25px 0;
    }

/*------------------------------------------------------------------
    user profile start
------------------------------------------------------------------*/
    .pro-back-img {
        background-color: #64B5F6;
        text-align:center;
        padding:20px 0px 1px 0px;
        min-height:100px;
    }
    .pro-img {
        height:100px;
        width:100px;
        border-radius: 50px;
        box-shadow: 1px 1px 5px 8px #edf1f5;
        position: absolute;
        margin-top: 10px;
        margin-left: -5%;
    }
    .c-pwd {
        margin:20px 5px;
        padding:20px 15px;
        border-radius: 15px;
        border:1px solid #c1d7f3;
        background-color: #fff;
    }
    .show-err {
        margin-top:40px !important;
    }
    .red-bor {
        border:1px solid red;
    }
    .icon-tooltip {
        background-color:gray;
        color:white;
        width:15px;
        height:15px;
        border-radius:10px;
        text-align:center;
        /*position:absolute;
        margin-top:-15px;
        margin-left:80px;*/
    }
    .user-img {
        height:50px;
        
    }

/*------------------------------------------------------------------
    user profile end
------------------------------------------------------------------*/

/*------------------------------------------------------------------
    agent dashboard start    
------------------------------------------------------------------*/
    .agent-call-waiting { 
        max-height: 80%;
        text-align: center;
        background-image: linear-gradient(-225deg, #bad9ff 0%, #e1f0ff 48%, #8595a3 100%);
        padding:5% 0px;
        border-radius:10px;
        width: 98%;
        margin-left: 20px;
        margin-top: 20px;
    }
    .s-time {
        border:3px solid rgb(190, 123, 123);
        font-size:12px;
        font-family: Arial, Helvetica, sans-serif;
        padding:5px;
        margin:0 10px;
    }
    .ag-btn-danger {
        font-size:12px;
        font-family: Arial, Helvetica, sans-serif;
        background-color: rgb(233, 53, 53);
        padding:5px;
        border:1px solid rgb(233, 53, 53);;
        color:#fff;
        border-radius: 5px;
        letter-spacing: 0.5px;
    }
    .ag-btn-success {
        font-size:12px;
        font-family: Arial, Helvetica, sans-serif;
        background-color: rgb(82, 177, 81);
        padding:5px;
        border:1px solid rgb(82, 177, 81);
        color:#fff;
        border-radius: 5px;
        letter-spacing: 0.5px;
    }
    .ag-dash-btn {
        background-color: #52b151;
        color: white;
        border: 1px solid rgb(158, 153, 153);
        margin-top: 2px;
        padding: 6px;
       
    }
    .ag-in-f {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    .ag-in {
        width: 90%;
        padding: 6px 15px;
        margin: 2px 0;
        display: inline-block;
        /*border: 1px solid #ccc;*/
        border: 1px solid rgb(158, 153, 153);
        border-radius: 2px;
        box-sizing: border-box;
        background-color: rgba(0,0,0,0.1);
      }
      .ag-inp {
        width: 76%;
        padding: 6px 15px;
        margin: 2px 0;
        display: inline-block;
        /*border: 1px solid #ccc;*/
        border: 1px solid rgb(158, 153, 153);
        border-radius: 2px;
        box-sizing: border-box;
        background-color: rgba(0,0,0,0.1);
      }
/*------------------------------------------------------------------
    agent dashboard end    
------------------------------------------------------------------*/

/*------------------------------------------------------------------
      DID start
------------------------------------------------------------------*/
      .sm-in-nu {
        border: 1px solid lightgray;
        width:95px;
      }
/*------------------------------------------------------------------
      DID end
------------------------------------------------------------------*/

/*------------------------------------------------------------------
      checkbox text set (height) start
------------------------------------------------------------------*/
    .set-chk-top {
        position:relative;
        top:3px;
    }
    .set-chk-bottom {
        position:relative;
        bottom:3px;
    }
/*------------------------------------------------------------------
      checkbox text set (height) end  
------------------------------------------------------------------*/    

/*------------------------------------------------------------------
       full page loading gif start
------------------------------------------------------------------*/
/*.no-js #loader { display: none;  }*
#loadingdiv {display: block; position: absolute; left: 100px; top: 0;}
/*.js #loader { display: block; position: absolute; left: 100px; top: 0; }*
.loading-gif {
	position: fixed;
	left: 0px;
	top: 0px; 
	width: 100%;
	height: 100%;
	z-index: 9999;
    background: url('assets/image/Preloader_1.gif') center no-repeat #fff;
    
}*/
#divLoading
{
    display : none;
}
#divLoading.showloader
{
    display : block;
    position : fixed;
    z-index: 100;
    background-image : url('http://192.168.1.147/crm/assets/image/loading.gif');
    background-color:#666;
    opacity : 0.4;
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}
#loadinggif.showloader
{
    left : 50%;
    top : 50%;
    position : absolute;
    z-index : 101;
    width : 32px;
    height : 32px;
    margin-left : -16px;
    margin-top : -16px;
}

/*------------------------------------------------------------------
       full page loading gif end
------------------------------------------------------------------*/

/*------------------------------------------------------------------
        define padding start
------------------------------------------------------------------*/
.left-pd-zero {
    padding-left: 0px;
}
.left-pd-one {
    padding-left: 1px;
}
.left-pd-two {
    padding-left: 2px;
}
.left-pd-three {
    padding-left: 3px;
}
.left-pd-four {
    padding-left: 4px;
}
.left-pd-five {
    padding-left: 5px;
}
.right-pd-zero {
    padding-right: 0px;
}
.right-pd-one {
    padding-right: 1px;
}
.right-pd-two {
    padding-right: 2px;
}
.right-pd-three {
    padding-right: 3px;
}
.right-pd-four {
    padding-right: 4px;
}
.right-pd-five {
    padding-right: 5px;
}
.top-pd-zero {
    padding-top: 0px;
}
.top-pd-one {
    padding-top: 1px;
}
.top-pd-two {
    padding-top: 2px;
}
.top-pd-three {
    padding-top: 3px;
}
.top-pd-four {
    padding-top: 4px;
}
.top-pd-five {
    padding-top: 5px;
}
.bottom-pd-zero {
    padding-bottom: 0px;
}
.bottom-pd-one {
    padding-bottom: 1px;
}
.bottom-pd-two {
    padding-bottom: 2px;
}
.bottom-pd-three {
    padding-bottom: 3px;
}
.bottom-pd-four {
    padding-bottom: 4px;
}
.bottom-pd-five {
    padding-bottom: 5px;
}
/*-------------------------------------------------------------------
        define padding end
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
        define margin start
------------------------------------------------------------------*/
.left-mr-zero {
    margin-left: 0px;
}
.left-mr-one {
    margin-left: 1px;
}
.left-mr-two {
    margin-left: 2px;
}
.left-mr-three {
    margin-left: 3px;
}
.left-mr-four {
    margin-left: 4px;
}
.left-mr-five {
    margin-left: 5px;
}
.right-mr-zero {
    margin-right: 0px;
}
.right-mr-one {
    margin-right: 1px;
}
.right-mr-two {
    margin-right: 2px;
}
.right-mr-three {
    margin-right: 3px;
}
.right-mr-four {
    margin-right: 4px;
}
.right-mr-five {
    margin-right: 5px;
}
.right-mr-ne-ten {
    margin-right: -10px;
}
.top-mr-zero {
    margin-top: 0px;
}
.top-mr-one {
    margin-top: 1px;
}
.top-mr-two {
    margin-top: 2px;
}
.top-mr-three {
    margin-top: 3px;
}
.top-mr-four {
    margin-top: 4px;
}
.top-mr-five {
    margin-top: 5px;
}
.bottom-mr-zero {
    margin-bottom: 0px;
}
.bottom-mr-one {
    margin-bottom: 1px;
}
.bottom-mr-two {
    margin-bottom: 2px;
}
.bottom-mr-three {
    margin-bottom: 3px;
}
.bottom-mr-four {
    margin-bottom: 4px;
}
.bottom-mr-five {
    margin-bottom: 5px;
}
/*-------------------------------------------------------------------
        define margin end
-------------------------------------------------------------------*/