/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13 Apr, 2019, 5:34:11 PM
    Author     : user
*/

.center{
    text-align: center
}
.topHead{
    border-radius: 10px;
    padding: 10px;
    font-size: 21px;
}
.primary{
    color:#337ab7
}
.primary-green{
    color:#5cb85c
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.font-19{
    font-size: 19px;
}
.padding-top-bottom-5{
    padding: 5px 0;
}
.padding-0{
    padding: 0
}
.title{
    color:#5cb85c;
    font-size: 18px;
    padding-bottom: 15px;
}
.benefitsBorder{
    border: solid 2px #337ab7;
    border-radius: 15px;
    padding: 10px;
    /*    margin-left: 10px;
        margin-right: 10px;*/
    font-size: 16px;
    line-height: 1.5;
    min-height: 160px;
    text-align: center;
}
.margin-bottom{
    margin-bottom: 15px
}
.agentsTitle{
    font-size: 22px;
    padding-bottom: 10px;
}
.agentsubtitle{
    font-size: 18px;
    padding-bottom: 10px;
}
.titleFont{
    font-size: 24px;
    padding-bottom: 20px;
}
.subTitle{
    font-size: 20px;
}
.shadowBorder{
    border-radius: 4px;
    box-shadow: 1px 1px 6px rgba(0,0,0,.1);
    transition: box-shadow .1s ease,transform .1s ease,-webkit-box-shadow .1s ease,-webkit-transform .1s ease;
    background-color: #fff;
}
.shadowBorder:hover{
    cursor: pointer;
    z-index: 5;
    background: #fff;
    border: none;
    -webkit-box-shadow: 0 1px 3px 0 #bcbdbd, 0 0 0 1px #d4d4d5;
    box-shadow: 0 1px 3px 0 #bcbdbd, 0 0 0 1px #d4d4d5;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}
.shadowBorder:hover {
    -webkit-box-shadow: 0 1px 3px 0 #268EE8, 0 0 0 1px #268EE8 !important;
    box-shadow: 0 1px 3px 0 #268EE8, 0 0 0 1px #268EE8 !important;
}
.indigo{
    background-color: #1362C0 !important;
    border-radius: 0;
}
.benifitsView{
    padding: 20px 10px;
    min-height: 200px;
}
.benifitDescription{
    font-size: 14px;
    line-height: 25px;
}
.lineHeight ul li {
    line-height: 25px;
}
.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 43px 0 43px 16px;
    border-color:transparent transparent transparent #337ab7;
}
.transparentTrangle{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 43px 0 43px 20px;
    border-color: transparent transparent transparent #f9f9f9;
}
.filledTrangle{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 43px 0 43px 22px;
    border-color: transparent transparent transparent #347ab5;
    position: absolute;
    left: 25px
}
.relative{
    position: relative;
}
.margin-bottom-5{
    margin-bottom: 5px;
}
.body{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.gray-background{
    background-color: #f9f9f9;
}
.platform-process{
    padding-top: 7px;
    background-color:#337ab7;
    color:#fff;
    font-size: 16px;
    height:85px;
}
.loginBtn{
    background-color: red;
    width: 70px;
    height: 38px;
    margin-top: 10px;
}
.outlineBtn{
    color:#337ab7;
    cursor: pointer;
    font-size: 16px;
}
.imageBoxBorder{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}
.imageBoxBorder:hover{
    /*    -webkit-transform: scale(1.08);
        transform: scale(1.08);*/
}
.modal-header h4{
    min-height: 16.42857143px;
    font-size: 15px;
    background: none repeat scroll 0 0 #0C62C0 !important;
    color: #fff;
}
.modal-header .close {
    padding: 1rem;
    margin: -1rem 0rem -1rem auto;
    color: #fff;
}
.purple-button {
    background-color: #8577BF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8577BF), to(#4548A1));
    background-image: -webkit-linear-gradient(top, #8577BF, #4548A1);
    background-image: -moz-linear-gradient(top, #8577BF, #4548A1);
    background-image: -ms-linear-gradient(top, #8577BF, #4548A1);
    background-image: -o-linear-gradient(top, #8577BF, #4548A1);
    background-image: linear-gradient(to bottom, #8577BF, #4548A1);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8577BF, endColorstr=#4548A1);
    border-radius: 6px;
    box-shadow: 0 0px 0px 1px #9FB4F2;
    color: #FFFFFF;
    display: inline-block;
    border: none;
    padding-right: 10px;
    padding-left: 10px;
    width: auto;
    text-decoration: none;
    text-shadow: 0 1px 0 #283966;
    margin: 5px 0px 5px 0px;
}

#company-registration-form .form-control {
    min-height: 37px;
    padding: 5px 10px;
    margin-bottom: 5px;
}
#company-registration-form .form-control:focus {
    border-color: #1779be;
}
.step-1 .form-group{
    margin-left: 5px;
}
.slider-prev, .slider-clear, .slider-save{
    display: none;
}
.light-grey-button{
    border-radius:6px !important;
}



.width-31{
    width: 31%;
}
.width-45{
    width:45%;
}
.width-52{
    width:52%;
}
.width-11{
    width:11%;
}
.width-47{
    width:47.33%
}
.width-16{
    width:16%;
}
.width-13{
    width:13%;
}
.width-7{
    width:7.5%;
}
.width-12-5{
    width:12.5%
}
.width-20{
    width:20%;
    max-width: 20%;
}
.padding-lg-20{
    padding: 20px;
}
.padding-benifits{
    padding: 40px 5px 20px
}
.padding-lg-0{
    padding:0
}
nav.navbar.navbar-static-top {
    text-align: center;
}
.width-100{
    width:100%
}
.logo-width{
    width: 50px !important;
}   

/*
*For mobile responsive
*/
@media only screen and (max-width: 768px) {
    .width-31{
        width: 100%;
    }
    .width-45{
        width:100%;
    }
    .width-52{
        width:100%;
    }
    .width-11{
        width:100%;
    }
    .width-47{
        width:100%
    }
    .width-16{
        width:100%;
    }
    .width-13{
        width:100%;
    }
    .width-7{
        width:100%;
    }
    .width-12-5{
        width:100%
    }
    .padding-lg-20{
        padding: 0 !important
    }
    .margin-bottom-xs-10{
        margin-bottom: 10px;
    }
    .width-20{
        width:100%;
        max-width: 100%;
    }
    .margin-xs-0{
        margin:0;
    }
    .padding-xs-0{
        padding:0
    }
    .padding-benifits{
        padding: 20px 5px;
    }
    .padding-lg-0{
        padding:15px
    }

    nav.navbar.navbar-static-top {
        text-align: left;
    }
    body.fixed > .wrapper, body.fixed .sidebar-offcanvas {
        margin-top: 50px!important;
    }
    .width-100{
        width:auto;
    }
    .padding-top-xs-10{
        padding-top: 10px;
    }
    .logo-width{
        width: 35px !important
    }
    body{
        line-height: unset !important;
    }
    .padding-mobile{
        padding: 0px;
    }
    .menu-link{
        padding-top: 5px;
        padding-left: 14px;
        font-size: 16px;
        color: #666;
    }
}
@media screen and (max-width: 560px){
    body.fixed > .wrapper{
        margin-top: 50px !important;
    }
    body.fixed .sidebar-offcanvas  {
        margin-top: 0px !important;
    }
}