/**
 *
 * Apply Here your Custom CSS
 *
*/

h2.custom-color-white{color:#ffffff;}
label.custom-color-white{color:#ffffff;}
label.control-label{padding-bottom:3px;font-weight:normal;}
img.custom-image-thumb{max-height:100%;max-width:100%;}
hr.costom-hr{margin:8px 0;}

#categories-tree .list-group-item.active{background-color:#eaeaea;color:#000000;border-radius:0;}
#categories-tree .list-group-item:first-child {border-top-right-radius:0px;border-top-left-radius:0px;}
#categories-tree .list-group-item:last-child {margin-bottom:0;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}

.custom-cursor{cursor:pointer;}

.modal-body img{max-width:100%;}

textarea.textarea-100{height:100px;}
textarea.textarea-50{height:50px;}
i.costom-size{font-size:150%;}
i.costom-size-xl{font-size:200%;}
i.costom-size-xxl{font-size:300%;}

.costom-border-right{border-right:1px #ebebeb solid;}
.costom-margin-bottom{margin-bottom:10px;}
.costom-margin-bottom-xs{margin-bottom:5px;}
.costom-margin-bottom-none{margin-bottom:0;}
.custom-padding-sm{padding:20px;}
.custom-margin-bottom-none{margin-bottom:0;}

.action-col{width:35px;line-height:normal !important;text-align:center;vertical-align:middle;}
.sub-col{width:70px;line-height:normal !important;text-align:center;vertical-align:middle;}

.customtable thead tr th{color:#000000;}

.input-validation-error{border-color:#a94442;background-color:rgba(169,68,66,0.10);}
.input-validation-error:focus{border-color: #a94442;background-color:rgba(169,68,66,0.10);}
.input-validation-error + span.field-validation-error,
.input-validation-error > span.field-validation-error,
.input-group + .field-validation-valid{color: #a94442;display:none;margin-top: 5px;}
.validation-error-label{color:#a94442;font-size:11px;padding-left:10px;}

.input-validation-error .field-validation-valid{color: #a94442;display:none;margin-top:5px;}
.make-switch + .field-validation-valid{margin-left: 10px;}
.input-validation-error .form-control{border-color: #a94442;}

a.word-lists{display:block;padding:10px;border-top:1px #808080 solid;color:#ffffff;}
a.word-lists:hover{background-color:rgba(255,255,255,0.20);}
a.word-lists:last-child{border-bottom:1px #808080 solid;}

#tblList img[data-status=False] {zoom: 1;-webkit-opacity: 0.3;-moz-opacity: 0.3;opacity: 0.3;filter: alpha(opacity=30);}

div.gallery-image-thumb-options{text-align:center;margin-bottom:5px;}
div.profile-picture{display:block;margin:auto;text-align:center;margin-bottom:15px;width:88px;height:88px;background-color:#bdbdbd;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
img.profile-picture{max-width:88px;max-height:88px;-webkit-border-radius: 10px;-moz-border-radius:10px;border-radius:10px;}
/*configbar*/
.sidebar-content{display:block;vertical-align:top;position:absolute;height:100%;width:380px;padding:20px;top:0;border-left:1px #808080 solid;-webkit-transition:all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;z-index:201;}
.sidebar-content-close{left:-800px;}
.sidebar-content-open{left:0;}
.sidebar-content-loading{background-image:url('../images/5.gif');background-position:50% 50%;background-repeat:no-repeat;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.layout-mask{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000;z-index:200;opacity:0.4;filter:alpha(opacity=40);}
/*file-upload table*/
table.file-upload{width:100%;}
table.file-upload td.file-upload1{width:310px;padding-right:10px;border-right:#bdbdbd solid 1px;vertical-align:top;}
table.file-upload td.file-upload2{padding-left:10px;vertical-align:top;}
span.custom-word-wrap{display:block;width:300px;word-wrap:break-word;margin-bottom:5px;height:50px;}
img.file-upload-image-thumn{max-height:100px;max-width:100%;margin:auto;text-align:center;margin:10px 0;}

/*custom-loading*/
.load-content{
	position:fixed;
    left:0;
    top:0;
    bottom:0;
    right:0;
	margin: auto;
    background-color:rgba(0,0,0,0.50);
    z-index:999999;
    display:none;
}
.load-container-text{
    width:100%;
    text-align:center;
    position:absolute;
    top:50%;
    margin-top:45px;
    color:#000000;
}
.load-container-text span{
    display:inline-block;
    padding:5px;
    background-color:rgba(255,255,255,0.50);
}
.load-container-general
{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-21px;
    margin-left:-21px;
    animation:load-animball_two 1.15s infinite;
    -o-animation:load-animball_two 1.15s infinite;
    -ms-animation:load-animball_two 1.15s infinite;
    -webkit-animation:load-animball_two 1.15s infinite;
    -moz-animation:load-animball_two 1.15s infinite;
    width:43px; height:43px;
}
.load-internal
{
	width:43px;
    height:43px;
    position:absolute;
}
.load-ballcolor
{
	width: 19px;
	height: 19px;
	border-radius: 50%;
}
.load-ball_1, .load-ball_2, .load-ball_3, .load-ball_4
{
    position: absolute;
    animation:load-animball_one 1.15s infinite ease;
    -o-animation:load-animball_one 1.15s infinite ease;
    -ms-animation:load-animball_one 1.15s infinite ease;
    -webkit-animation:load-animball_one 1.15s infinite ease;
    -moz-animation:load-animball_one 1.15s infinite ease;
}
.load-ball_1
{
	background-color:rgb(205,220,42);
	top:0; left:0;
}
.load-ball_2
{
	background-color:rgb(184,214,52);
	top:0; left:23px;
}
.load-ball_3
{
	background-color:rgb(156,203,61);
	top:23px; left:0;
}
.load-ball_4
{
	background-color:rgb(104,138,35);
	top:23px; left:23px;
}
@keyframes load-animball_one
{
	0%{ position: absolute;}
	50%{top:12px; left:12px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-o-keyframes load-animball_one
{
	0%{ position: absolute;}
	50%{top:12px; left:12px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-ms-keyframes load-animball_one
{
	0%{ position: absolute;}
	50%{top:12px; left:12px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-webkit-keyframes load-animball_one
{
	0%{ position: absolute;}
	50%{top:12px; left:12px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-moz-keyframes load-animball_one
{
	0%{ position: absolute;}
	50%{top:12px; left:12px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@keyframes load-animball_two
{
	0%{transform:rotate(0deg) scale(1);}
	50%{transform:rotate(360deg) scale(1.3);}
	100%{transform:rotate(720deg) scale(1);}
}

@-o-keyframes load-animball_two
{
	0%{-o-transform:rotate(0deg) scale(1);}
	50%{-o-transform:rotate(360deg) scale(1.3);}
	100%{-o-transform:rotate(720deg) scale(1);}
}

@-ms-keyframes load-animball_two
{
	0%{-ms-transform:rotate(0deg) scale(1);}
	50%{-ms-transform:rotate(360deg) scale(1.3);}
	100%{-ms-transform:rotate(720deg) scale(1);}
}

@-webkit-keyframes load-animball_two
{
	0%{-webkit-transform:rotate(0deg) scale(1);}
	50%{-webkit-transform:rotate(360deg) scale(1.3);}
	100%{-webkit-transform:rotate(720deg) scale(1);}
}

@-moz-keyframes load-animball_two
{
	0%{-moz-transform:rotate(0deg) scale(1);}
	50%{-moz-transform:rotate(360deg) scale(1.3);}
	100%{-moz-transform:rotate(720deg) scale(1);}
}