.min-60{
    min-width: 60px!important;
}
.hover{
    cursor: pointer;
}
.none{
    display: none;
}

body{
    font-size:12px !important;
    font-weight: normal;
}

.panel-title{
    font-size:14px !important;
}

.btn{
    font-size:12px !important;
}

/****************************************
Review Sites Page
****************************************/
.site-priority{
  color: #fff;
  background: #ff5b5b;
  padding: 4px 14px 8px 9px;
  float: left;
  border-radius: 0px 0px 50px 0px;
  -moz-border-radius: 0px 0px 50px 0px;
  -webkit-border-radius: 0px 0px 50px 0px;
  border: 0px solid #000000;
}
/****************************************
Custom Helpers
****************************************/
.center{
  margin:0 auto;
  display: block;
}

.text-center{
  text-align: center;
}

.clear{
  clear: both;
  display: block;
}

.full-width{
    width:100% !important;
}

.float-right{
    float:right !important;
}

.float-left{
    float:left !important;
}

@keyframes border-pulsate {
    0%   { border-color: rgba(0, 255, 0, 1); }
    50%  { border-color: rgba(0, 255, 0, .25); }
    100% { border-color: rgba(0, 255, 0, 1); }
}

.flashing-border{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #DF4B4B;
    border-width: 1px;
    border-style: solid;
    animation: border-pulsate 2s infinite; 
}

/****************************************
Login Page
****************************************/
#login{
    /*background:url(https://thereviewsolution.com/img/trs-abstract.png) no-repeat; */
    background:#f0f4f8;
    background-position:top left; height: 100vh;
    background-size:cover;
}

#login-box{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width:380px;
}

#login-logo{
    width:200px ; 
    display:block; 
    margin:0px auto 0;
}

/* Hoshi */
.input--hoshi {
	overflow: hidden;
}

.input__field--hoshi {
	margin-top: 1em;
	padding: 0.85em 0.15em;
	width: 100%;
	background: transparent;
	color: #595F6E;
}

.input__label--hoshi {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0.25em;
	width: 100%;
	height: calc(100% - 1em);
	text-align: left;
	pointer-events: none;
}

.input__label-content--hoshi {
	position: absolute;
}

.input__label--hoshi::before,
.input__label--hoshi::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 10px);
	border-bottom: 1px solid #B9C1CA;
}

.input__label--hoshi::after {
	margin-top: 2px;
	border-bottom: 4px solid red;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label--hoshi-color-1::after {
	border-color: hsl(200, 100%, 50%);
}

.input__label--hoshi-color-2::after {
	border-color: hsl(160, 100%, 50%);
}

.input__label--hoshi-color-3::after {
	border-color: hsl(20, 100%, 50%);
}

.input__field--hoshi:focus + .input__label--hoshi::after,
.input--filled .input__label--hoshi::after {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--filled .input__label-content--hoshi {
	-webkit-animation: anim-1 0.3s forwards;
	animation: anim-1 0.3s forwards;
}

@-webkit-keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}

@keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}

/****************************************
Dashboard Page
****************************************/
.express-nav{
    background-color: #00B75A !important;
}    
    
.express-nav > li {
    float: left;
    display: block;
    position: relative;
    -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0,183,90,1) !important;
    -moz-box-shadow: inset 0px -2px 0px 0px rgba(0,183,90,1) !important;
    box-shadow: inset 0px -2px 0px 0px rgba(0,183,90,1) !important;
}
    
.bbb-nav{
    background-color: #00465D !important;
}

.new-tooltip{
   /* color:#ff4242; */
    cursor:pointer; 
    font-size:12px;
    vertical-align: super;
}

.locked{
    color:#FF6060 !important;
}

.close{
    padding: 5px 10px !important;
}

/****************************************
Change Password Modal
****************************************/

fieldset {
	margin: 50px 0;
	margin: 50px auto;
	display: block;
	color: #555555;
	font-size: 14px;
	font-weight: normal;
}
.pass {
	background-color: #FFFFFF;
	  border: 1px solid #E3E3E3;
	  border-radius: 4px;
	  color: #565656;
	  padding: 7px 12px;
	  height: 38px;
	  max-width: 100%;
	  -webkit-box-shadow: none;
	  box-shadow: none;
	  -webkit-transition: all 300ms linear;
	  -moz-transition: all 300ms linear;
	  -o-transition: all 300ms linear;
	  -ms-transition: all 300ms linear;
	  transition: all 300ms linear;
}
 
.btn-change input {
	background: #4cae4c;
	min-width: 250px;
	color: #ffffff !important;
	text-align: center;
	text-decoration: none;
	margin: 15px 10px;
	padding: 6px 14px !important;
	display: inline-block;
	font-size: 14px !important;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	border-radius: 25px !important;
	border: none !important;    
}
.modal-open .ChangePass {
	overflow-x: hidden;
	overflow-y: auto;
}
.ChangePass{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1049;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;   
}

.tooltip > .tooltip-inner {
    color: black;
    background-color: #FFFFFF;
    border: 1px solid black;
    border-radius: 2px;
}

.errorMessage{
    color:#EB5956;
    padding: 15px 10px 0px;
}

.modal-dialog{
    border-radius:20px;
}

#btn-blue .custom-modal-title{
    background-color: #19587e;
    color: #fff;
}
#btn-green .custom-modal-title{
    background-color: #42bd6e;
    color: #fff;
}

#btn-blue #acnt,
#btn-blue #payment,
#btn-blue #settings,
#btn-blue #administrators,
#btn-blue #suspension{
    color: #19587e;   
}
#btn-green #acnt,
#btn-green #payment,
#btn-green #settings,
#btn-green #administrators,
#btn-green #suspension{
    color: #42bd6e;   
}

/*================================= For Border Box ===============================================*/

.custom-modal-text .tab-content,
#review-request-modal,
.custom-modal-text,
.utab .panel-body,
.ubox,
.box-tab-title li:last-child a,
#sidebar-menu ul li a,
.card-box,
.modal .modal-dialog .modal-content,
.site-box,
.review-info,
.form-control,
#img_,
#textarea,
.table-striped > tbody > tr:nth-of-type(odd), 
table.dataTable tbody tr,
.odd,
.white,
.gradeX,
.grap-select input,
.dash-card, .single-site{
   background: #e6e7ee !important;
}
.box-tab-title li a:hover, .box-tab-title li a.active,
.box-tab-title li:last-child a:hover{
    background: #19587E!important;
    color: #fff!important;
}
.custom-modal-text {
    border-radius: 20px;
}

.custom-modal-text ul{
    border-bottom: 0 !important;
}
#admin_user_save,
#download_text_confirm,
#update_user_save{
    margin-right:10px;
}
.btn-preview{
    margin:0 10px;
}
.btn-preview img{
	max-width:100% !important;
}

.btn-close{
	padding: 8px 15px!important;
	border-radius: 50% !important;
}
.btn-hide{
	opacity:0 !important;
    background-color: #e6e7ee !important;
    border: 0 !important;
    box-shadow: 0 0;
}
.custom-modal-text ul li{
    margin-right:10px;
}
.utab .panel-body,
.site-box,
.review-info{
    border:0 !important;
}
#update_user_save{
    margin-right:10px;
}
.single-site,
.custom-modal-text ul li a,
.pad-0,
.card-box,
#update_user_form .form-control,
#registration input.form-control,
#add_admin_user_form .input-group,
#sidebar-menu,
#custom_submit,
#textarea,
#mailer input,
.dataTables_filter input[type="search"],

.grap-select,
#tbl_add_user .form-control,
#add_modval_assign,
#add_modval_title,
.btn,
.review-request-modal,
#collapseOne,
#collapseTwo,
#collapseNotificationSetting,
#collapseFour,
#collapseThree,
#suspend_account_modal,
.ubox,
#collapseOne .input,
#collapseTwo .input,
#collapseTwo #cc_expire_year,
#collapseTwo #cc_expiremonth,
#collapseNotificationSetting .input,
#collapseFour .input,
#collapseThree .input,
#suspend_account_modal .input,
#ChangePass input,
.utab .panel-body,
.dash-card,
.main-menu
{
    box-shadow: 6px 6px 6px #b8b9be, -6px -6px 6px #fff;
    border-radius: 25px;
}
#comment{
    box-shadow: 6px 6px 6px #b8b9be, -6px -6px 6px #fff;
    border-radius: 25px;	
}
.box-tab-title .nav{
      box-shadow: 6px 6px 6px #b8b9be, -6px -6px 6px #fff;  
      display: inline-flex;
        border-radius: 25px;
}
#email_request_form .input-group,
#sms_request_form .input-group{
    box-shadow: 6px 6px 6px #b8b9be, -6px -6px 6px #fff;
    border-radius: 25px 25px;
}
#sms_request_form .fa-mobile{
    top:6px;
}
#notificationSettingForm .input-group{
    overflow:unset !important;
}
#collapseOne  .input,
#collapseNotificationSetting .input,
#collapseTwo .input{
     border-radius: 25px 25px !important;   
}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child){
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.ubox{
    /*border: 1px solid rgb(255, 255, 255) !important;*/
}
.card-box{
    box-shadow: 6px 6px 6px #0460a9, -6px -6px 6px #0a80da !important;
    border-radius: 25px;
    /*
    background: #e6e7ee !important;
    highlight-background: none; 
    */
}
.dataTables_wrapper .dataTables_filter input{
      border-radius: 25px !important;  
}
.tab-content.page-box-tab>.tab-pane{
    /*display: contents !important;*/
    /*display: contents;*/
}

#remove-site{
   border-radius: 100%; 
}
#tbl_update_user tr td input{
    margin-bottom:10px;
}

.sorting_1 {
    color: #ee9f1e !important;
}
.btn-green .custom-modal-text ul li a.active,
.btn-blue .custom-modal-text ul li a.active{
    border: 0 !important;
}
.input-group-addon {
    border-radius: 0 !important;
    border: 0 !important;
}
.info img{
    margin-top:-6px;
}

#sortable img{
  max-width: 75%;
}

.rs-title img{
  max-width: 35% !important;
}

#login-box{
    box-shadow: 6px 6px 6px #05497e, -6px -6px 6px #1c8fd3 !important;
    border: 1px solid #15aad7;
}


.calendar-table{
    border:0 !important;
    background-color:none !important;
}
.yearselect,
.monthselect{
    border-radius: 25px;
}
.daterangepicker{
box-shadow: 6px 6px 6px #b8b9be, -6px -6px 6px #fff;    
    border-radius: 25px;
}
.calendar-table table,
td.off,
.daterangepicker{
    background-color: #E6E7EE !important;
}
#result .row{
    border:0 !important;
}
#btnRemoveUser,
#btnAddUser{
    border-radius: 25px;
    padding:4px !important;
}
.glyphicon{
    margin:10px;
}
#txtmgr_additionalCategories, 
#txtuser_additionalCategories{
    margin-right:15px;
    box-shadow: 6px 6px 6px #b8b9be, -6px -6px 6px #fff;
}
#user_add_new_date,
#locationNameList,
#google_signin_btn{
    box-shadow: 6px 6px 6px #b8b9be, -6px -6px 6px #fff;
    border-radius: 25px;
}
#btn-blue .abcRioButtonBlue, #btn-blue #edit_general_info{
        border-radius: 25px !important;
}
#user_entry .form-control{
    box-shadow: 6px 6px 6px #b8b9be, -6px -6px 6px #fff;
margin-bottom: 10px;
}
#file_select_button{
    margin:5px;
}
.custom-modal-text ul li{
    margin:auto !important;
}
#file_select_field{
    box-shadow: 6px 6px 6px #b8b9be, -6px -6px 6px #fff;
    padding: 8px 10px;
    border-radius: 25px;
}

.tab-content.page-box-tab>.tab-pane.active{
    padding:10px;
}
.content-box {
    margin-left: 0!important;
    width: 92%;
    margin: 0;
    position: relative;
    left:9%;
}
.recent-review{
    padding:30px;
}
.box-tab-title-express .nav{
      box-shadow: 6px 6px 6px #b8b9be, -6px -6px 6px #fff;  
      display: inline-flex;
        border-radius: 25px;
}
.tab-content {
    padding: 8px 10px !important;
    overflow:unset;
}
.page-box-tab{
    padding:10px 20px;
}
#review-request-modal input,#review-request-modal select{
    border:none !important;
}