﻿/*--------------------------------------------------
    [TRANSITION]
----------------------------------------------------*/
/* Cubic Bezier Transition */
/***
Login page
***/
/* logo page */

/*@import url('../../fonts/Open Sans/open-sans.css');
@import url('../../fonts/Lato/latofonts.css');
@import url('../../fonts/Lato/latostyle.css');*/


body{ 
     background: url(../../Images/login-bg.jpg) no-repeat center center fixed #6DB3BD;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;       
    min-height:100%;
    position: relative;   
}

.tooltip-error {
	border-radius: 5px; 
	border: 1px solid #000;
	background-color:transparent;
	color: #fff;
}

.login {
   
    position:relative;
}

textarea{
    resize:none;
}
 .content {
    height:auto;
    max-width:448px;
    
    background: url(../../Images/create_bg.png) no-repeat 0 0;

    -webkit-background-size: 100% 100%;
    -moz-background-size: contain;
    -o-background-size: contain;
    -ms-background-size: contain;
    
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    -o-border-radius: 5px !important;
    
    margin:0 auto;
}

 .form-content {
     padding: 15px 50px;
    /*padding: 22px 59px 65px 59px;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;*/   
    height:auto; 
    margin-bottom:0px;
    clear: both;
}
 .form-group {
    margin-bottom: 10px;
}

 .content .select2-selection__rendered{
    padding: 0 5px 0 33px;
}

 .form-content p {
    font-size: 1em;
    /*font-weight: 400;*/
}

 .content h3 {
    color: #eee;
}

 .content h4 {
    color: #eee;
}

 .content p,
 .content label {
    color: #fff;
}

 .content .login-form,
 .content .forget-form {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: auto;
}

 .content .form-control {
    background-color: #fff;
    border-radius: 4px !important;
    height:33px;    
}

 .content .form-control-ex {
    background-color: #fff;
    border-radius: 4px !important;
    height:auto;
    padding-top:10px;
}

 .content .forget-form {
    display: none;
}

 .content .register-form {
    display: none;
}

 .content .form-title {
    display:inline-block;
    background-color: #fff;   
    font-size: 1.8em;  
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
    width:100%; 
    height:auto;   
    text-align:center;
    padding-top:5px;
}
 .content .form-title img {    
    display:block;   
    height:auto;
    max-height:60px;    
    /*max-width:100%;
    width:100%;*/            
    /*float:left;*/
    /*padding:5px 0px;*/
    /*border-right:1px solid #eee;*/
    margin:0 auto;
}


  .content .form-title span{    
    /*line-height:62px;*/
    font-size:1.2em;
}
  
 .content .form-actions {
    background-color: transparent;
    clear: both;
    border: 0px;
    padding: 0px 30px 25px 30px;
    margin-left: -30px;
    margin-right: -30px;
}

    /*.login .content .form-actions .checkbox {
        margin-left: 0;
        padding-left: 0;
    }*/

 .content .forget-form .form-actions {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
}

 .content .register-form .form-actions {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0px;
}

/*.login .content .form-actions .checkbox {
    margin-top: 8px;
    display: inline-block;
}*/

 .content .form-actions .btn {
    margin-top: 1px;
}

/*.login .content  a {
    margin-top: 5px;
    margin-bottom:5px;
}*/
  
 .content a {            
    /*margin-top: 5px;*/
    margin-bottom:15px;
    font-size:1em;
    color: rgb(79,160,164);
}     

.login .content a:hover {
    color: rgb(87,170,175);
    /*text-decoration: none;*/
}


.form-control.select2-container{
    
}

/* footer copyright */
 .copyright {
    text-align: left;    
    position: absolute;
    bottom:0;
    width: 100%;
    padding:10px;
    /*margin-top:60px;*/
    /*height:60px;*/    
    /*background:url(../../Images/create_bg.png) no-repeat center center;    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    background:rgba(0,0,0,0.7);
    color:rgb(102,113,117);
    /*padding:15px 25px;*/
    font-size:0.9em;
    font-weight:bold;
}
 .copyright span{    
    margin-right:0px;
}
 .copyright ul{
    display:inline-block;
}
   .copyright li:first-of-type{
    padding:0px 1px 0px 3px;
}
 .copyright li{
    padding:0px 1px;
}
 .copyright a{
    color:rgb(102,113,117);
}
 
 .copyright a:hover{
    color:rgb(102,113,117);
}      

 .copyright img{
    /*margin-bottom:5px;*/
}
 .copyright .logo{
     display:inline-block;
 }

.disclaimer {
text-align:left;
width:80%;
float:right;
display:inline-block;
/*margin-top:-25px;*/
}

 .btn {
    background-color: rgb(79,160,164) !important;
    border-radius: 5px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight:bold;   
}

     .btn:hover {
        background-color: rgb(87,170,175);
    }

 .alert-danger{
    background-color:transparent;
    border:none;
    color:rgb(184,90,80);
    font-weight:bold;
    font-size:1.1em;
    padding:0px;
    margin:0;
}

  [class^="fa-"]:not(.fa-stack), [class^="glyphicon-"], [class^="icon-"], [class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"], [class*=" icon-"] {
     border-right:1px solid rgb(119,119,119);
     padding-right:25px;

 }

  .input-icon > i {
    color: rgb(119,119,119);
    /*display: block;
    position: absolute;*/
    margin: 8px 0px 0px 15px;
    font-size: 18px;
    line-height:18px;
    /*z-index: 3;
    width: 16px;
    
    text-align: center;*/
}

.i-align-fix{
    margin: 12px 0 0 13px;
    padding-right: 27px;
}

.select2-container{padding-left:47px !important;}

  .select2-container-multi .select2-choices{
      border:none;
  }

.bootstrap-tagsinput {
    width:100%;
    padding:4px 6px 4px 33px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    -o-border-radius: 4px !important;
}

.input-icon > .form-control {
    padding-left: 53px;
}

.select2-container-multi .select2-choices {
    height: 52px !important;
    /*height: 1%;
    margin: 0;
    padding: 0 5px 0 0;
    position: relative;*/
    border: none !important;
    /*cursor: text;*/
    overflow-y: scroll;
    /*background-color: #fff;*/
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
}

h3, .h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}


.register-actions{
    padding:0;
    float:left;
    direction:ltr;
}
.register-actions #btnBack{
    float:left;
    margin:0;
}

.register-actions #btnRegister {
    float:right;    
    margin:0;
}

.contactUs-actions{
    padding:0;
    float:left;
    direction:ltr;
}
.contactUs-actions #btnBack{
    float:left;
    margin:0 !important;
}

.contactUs-actions #btnSend {
    float:right;    
    margin:0 !important;
}

#language-wrapper .btn{
        background :rgb(133,166,178) !important;
        border-radius:0 !important;
        border:0;
    }
#language-wrapper .caret{
     display:none;
 }
@media (max-width: 480px) {
    /***
  Login page
  ***/
    .login .logo {
        margin-top: 10px;
    }

    .login .content {
        padding: 0px;
        width: 100%;
    }

        .login .content h3 {
            font-size: 22px;
        }

    .login .checkbox {
        font-size: 13px;
    }        
}

@media (max-width: 768px) {

    .form-content {
        padding: 15px 25px;
    }

    .content .form-title span {
        line-height: 0;
    }

    .register-actions{
        float:none;
    }
}
