.badge-style {
    background-color: #AC4DFF !important;
    border-radius: 100px !important;

    margin: 0 10px !important; padding:4px 7px !important; top:-2px; margin-right:0px !important;
}
.icon-white{font-size: 16px;
            color: #fff;
            padding: 5px;
            vertical-align: middle;}
.select-height{
    height: auto !important;
}
.new-min-heigh{ min-height: 64px; }
.new-min-heigh h5{ font-size: 10px !important; }
.pad-zero{padding:0px !important;}
.notification-img1{ width:40px !important; padding:1px !important; background-color:#363f44;}
.notification-img2{ width:25px !important; padding:1px !important; background-color:#363f44;}
.width-40px{ width:40px !important;}
.pending-item-first{border:1px solid #e1e1e1 !important; padding:14px; background-color:#FFF;}
.alertdiv{ border:none !important; width:330px; position:fixed; z-index:11; right:15px; bottom:15px; }
.alertfixed{ bottom: 0; margin-bottom: 0px; float: right; margin-right: 15px; position: fixed; right: 0;  width: 100%; z-index: 13;}
.alertfixedinner{-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 0 3px 3px rgba(0,0,0,0.2); float: right; opacity: 1!important;}
.notification-border-bottom-1px-grey{ border:none !important; border-bottom:4px solid #878e94 !important; -webkit-box-shadow: -1px 0px 12px 0px rgba(0, 0, 0, 0.75);
                                      -moz-box-shadow:    -1px 0px 12px 0px rgba(0, 0, 0, 0.75);
                                      box-shadow:         -1px 0px 12px 0px rgba(0, 0, 0, 0.75); width:300px; z-index:11; margin-right:15px; }
.border-bottom-1px-grey{ border:none !important; border-bottom:4px solid #878e94 !important; -webkit-box-shadow: -1px 0px 12px 0px rgba(0, 0, 0, 0.75);
                         -moz-box-shadow:    -1px 0px 12px 0px rgba(0, 0, 0, 0.75);
                         box-shadow:         -1px 0px 12px 0px rgba(0, 0, 0, 0.75); width:300px; position:fixed; z-index:11; right:15px; bottom:15px; }
.border-radius-50px{ border-radius:50px;}
.notification-img{ width:60px !important; padding:2px !important; background-color:#878e94; margin-right:15px !important;}

/* <<<<<<<<<<<=============== GENERAL CLASS START ====================================== >>>>>>>>> */
body{font-family: 'Open Sans', sans-serif !important; background-color:#EAE5FF  ;}
a, a:link, a:active, a:visited , button , span {-webkit-transition: color 0.25s ease-out; -moz-transition: color 0.25s ease-out; -o-transition: color 0.25s ease-out;transition: color 0.25s ease-out; outline: none; text-decoration:none; transition: all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s;}
.margin-test{margin:15px 20px !important;}
.padding-bottom-12px{ padding-bottom:12px !important;}
.margin-zero{ margin:0px !important;}
.margin-top-zero{margin-top:0px !important;}
.margin-bottom-zero{margin-bottom:0px !important;}
.margin-left-zero{margin-left:0px;}
.margin-right-zero{	margin-right:0px;}

.margin-top-5px{margin-top:5px !important;}
.margin-bottom-5px{margin-bottom:5px !important;}
.margin-bottom-7px{margin-bottom:7px !important;}
.margin-left-5px{margin-left:5px;}
.margin-right-5px{	margin-right:5px;}

.margin-top-10px{margin-top:10px;}
.margin-bottom-10px{margin-bottom:10px;}
.margin-left-10px{margin-left:10px;}
.margin-right-10px{	margin-right:10px;}

.margin-top-15px{ margin-top:15px !important;}
.margin-bottom-15px{ margin-bottom:15px;}
.margin-top-25px{ margin-top:25px;}
.margin-top-40px{ margin-top:40px;}


.margin-top-20px{margin-top:20px !important;}
.margin-bottom-20px{margin-bottom:20px;}
.margin-left-20px{margin-left:20px;}
.margin-right-20px{	margin-right:20px;}

.padding-5px{ padding:5px !important;}
.padding-zero{ padding:0px !important;}
.padding-top-zero{ padding-top:0px !important;}
.padding-bottom-zero{ padding-bottom:0px !important;}
.padding-left-zero{ padding-left:0px ;}
.padding-right-zero{ padding-right:0px !important;}
.padding-left-zero-lg{ padding-left:0px;}
.padding-left-right-zero{ padding-left:0px;  padding-right:0px;}

.padding-top-2px{ padding-top:2px;}
.padding-top-5px{ padding-top:5px;}
.padding-bottom-5px{ padding-bottom:5px;}
.padding-left-5px{ padding-left:5px;}
.padding-right-5px{ padding-right:5px;}

.padding-top-10px{ padding-top:10px;}
.padding-bottom-10px{ padding-bottom:10px;}
.padding-left-10px{ padding-left:10px;}
.padding-right-10px{ padding-right:10px;}
.padding-top-30px{ padding-top:30px !important;}

.padding-left-15px{ padding-left:15px! important;}
.padding-right-15px{ padding-right:15px;}
.padding-bottom-15px{ padding-bottom:15px;}

.padding-left-20px{ padding-left:20px;}
.padding-right-20px{ padding-right:20px;}
.padding-left-25px{ padding-left:25px;}
.padding-right-25px{ padding-right:25px;}
.padding-15px{ padding:15px;}
.padding-20px{ padding:20px;}
.padding-top-3px{ padding-top:3px;}
.padding-7px{ padding:7px;}
.padding-8px{ padding:8px;}
.padding-top-15px{ padding-top:15px;}
.padding-10px{ padding:10px;}
.padding-zero11{ padding:0px !important;}
.border-none{ border:none !important;}
.border-radius-none{ border-radius:0px ;}
.sr-text-right{text-align:right;}
.col{
    /* [disabled]margin-bottom: -99999px !important; */

}
.col-wrap{overflow: hidden; }
.row {overflow: hidden; }
.glyph {
    font-size: 16px;
    width: 15em;
    padding-bottom: 1em;
    margin-right: 4em;
    margin-bottom: 1em;
    float: left;
    overflow: hidden;
}
.text-line-through{ text-decoration:line-through !important;}
.bg-transparant{ background-color:transparent !important;}
.sr-delete-icon{color:#ff5f5f; font-size:24px; line-height:20px; padding:12px; padding-right:5px; padding-left:0px; float:left;}


select , input{ border:1px solid #000; background-color:#f9f9f9; border-radius:4px; font-weight:400; font-size:14px; color:#000; border:1px solid #ccc; padding:5px 10px;}

.filters select,.filters input{ border:1px solid #000; background-color:#fff; border-radius:4px; font-weight:400; font-size:14px; color:#000; border:1px solid #ccc; padding:5px 10px;}

.chk-mystle{width:20px;  padding:5px 30px;  padding-left:10px; height:108px;  }
.border-left-1px{border-left:1px solid #e1e1e1;}
.chk-mystle1{width:20px; border-right:1px solid #e1e1e1; padding:5px 30px;  padding-left:10px; height:61px;  }
.loading-shadow{background-color:#000; position:absolute; width:100%; height:100%; z-index:99999999999999; opacity:0.8;}
.loading{width:100%; text-align:center; top:300px; position:absolute; background-color:#000 !important;}
.line-height-none1{ line-height:14px;}
.min-height-709{min-height:709px !important;}
/* <<<<<<<<<<<=============== GENERAL CLASS END ====================================== >>>>>>>>> */


/* <<<<<<<<<<<=============== TYPOGRAPHY CLASS START ====================================== >>>>>>>>> */
h1 { color:#444444; font-size:16px; font-weight:700; line-height:16px; margin:0px; padding:0px; text-transform:uppercase;}
h2 { color:#363f44; font-size:16px; font-weight:700; line-height:34px; margin:0px; padding:0px; text-transform:uppercase;}
h2 i{ font-size:30px; vertical-align:middle;}
h3{ margin:0px;}
h4 { color:#363f44; font-size:13px; font-weight:400; line-height:18px; margin:0px;  text-transform:capitalize;}
h4 a{ color:#363f44; font-size:13px; font-weight:400; font-style:italic; text-decoration:underline !important; line-height:18px; margin:0px;  text-transform:capitalize;}
h6 { color:#363f44; font-size:13px; font-weight:600; line-height:18px; margin:0px;  text-transform:capitalize;}
h5 { color:#363f44; font-size:13px; font-weight:700; line-height:18px; margin:0px;  text-transform:capitalize;}
p{ color:#363f44;  font-size:13px; font-weight:300; line-height:18px; margin:0px; }
.help p{ color:#808080;  font-size:13px; font-weight:400; line-height:18px; margin:0px; }
p strong{ color:#233445; line-height:20px; font-size:13px; font-weight:600; line-height:18px; margin:0px; }
h2 .badge{ background-color:#503AAA; margin:0px 10px; font-size:16px; border-radius:50px; }
.sr-badge{ background-color:#503AAA !important; color:#FFF !important; margin:5px 10px !important; margin-top:7px !important; font-size:12px; border-radius:50px; padding: 2px 7px;}
.sr-badge-orange{ background-color:#ED7507 !important; color:#FFF !important; margin:5px 10px !important; margin-top:7px !important; font-size:12px; border-radius:50px; padding: 2px 7px;}
.sr-badge-exceptionManual{ background-color:#B32929 !important; color:#FFF !important; margin:5px 10px !important; margin-top:7px !important; font-size:12px; border-radius:50px; padding: 3px 5px;}
.sr-badge-maroon{ background-color:#B32929 !important; color:#FFF !important; margin:5px 10px !important; margin-top:7px !important; font-size:12px; border-radius:50px; padding: 2px 7px;}
.sr-badge-blue{ background-color:#55177f !important; color:#FFF !important; margin:5px 10px !important; margin-top:7px !important; font-size:12px; border-radius:25px; padding: 2px 7px;}
.margin-badge-zero{ margin:0px !important;}
.line-height h4 { padding:15px 0px;}
.line-height-1 h4 { padding:15px 0px;}
i{ color:#363f44; font-size:13px; font-weight:400italic;  padding-right:15px;}
i strong{ color:#363f44;}
.text-align-center{ text-align:center;}
.text-transform{ text-transform:uppercase;}
.text-transform-inherit{ text-transform:inherit !important;}
.margin-top-zero{ margin-top:0px !important;}

/*.sr-red-colour{ color:#FFF;}*/
/* <<<<<<<<<<<=============== TYPOGRAPHY CLASS END ====================================== >>>>>>>>> */

/* <<<<<<<<<<<=============== CHECKBOX CASS START ====================================== >>>>>>>>> */

.sr-radio {position: relative;display: block;margin-top: 5px;margin-bottom: 5px;}

.select-checkbox{ padding:10px 0px; padding-top:12px; padding-bottom:0px; padding-left:0px; }
.select-checkbox label { color:#363f44; font-size:13px; font-weight:400; line-height:18px; margin:0px;  text-transform:capitalize; cursor:pointer;}
.select-checkbox-top-padding-zero{ padding-top:0px;}
.select-checkbox-top-padding-zero label{ padding-right:20px; cursor:pointer;}
.bootstrap-checkbox > button.btn{padding:4px 0 4px 4px;width:14px;padding-right:20px;}
.bootstrap-checkbox > button.btn.displayAsButton{width:auto;}
.bootstrap-checkbox > button.btn.displayAsButton > span.label-checkbox{padding:0 8px 0 4px;}
.bootstrap-checkbox > button.btn.displayAsButton > span.icon{margin: 2px 4px;}
.bootstrap-checkbox > button.btn.displayAsButton > span.label-prepend-checkbox{padding:0 4px 0 8px;}
.bootstrap-checkbox > button.btn.btn-large{padding:10px 0 6px 2px;width:36px;}
.bootstrap-checkbox > button.btn.btn-small{padding:5px 0 3px 1px;width:24px;}
.bootstrap-checkbox > button.btn.btn-mini{padding:4px 0 1px 1px;width:20px;}
.bootstrap-checkbox > .btn.btn-link{text-decoration:none;}
label.bootstrap-checkbox.disabled{cursor:default;color:#666;}
.bootstrap-checkbox > .label-prepend-checkbox{padding-right:4px;}
.bootstrap-checkbox > .label-checkbox{padding-left:4px;}
.bootstrap-checkbox.disabled > [class^="label-"],.bootstrap-checkbox > .btn[disabled]{cursor:not-allowed;}
[class^="cb-icon-"],[class*=" cb-icon-"] {display: inline-block;width: 17px;height: 17px;margin-top: 1px;*margin-right: .3em;line-height: 14px;vertical-align: text-top;background-image: url("../images/icons.png");
                                          background-position: 14px 14px;background-repeat: no-repeat;}
.bootstrap-checkbox button.btn > span.cb-icon-check,.bootstrap-checkbox.disabled button.btn:hover > span.cb-icon-check,.bootstrap-checkbox.disabled button.btn:active > span.cb-icon-check{background-position: 0 -1px;}
.bootstrap-checkbox button.btn:hover > span.cb-icon-check,.bootstrap-checkbox button.btn:focus > span.cb-icon-check,.bootstrap-checkbox button.btn:active > span.cb-icon-check{background-position: 0 -25px;}
.bootstrap-checkbox button.btn > span.cb-icon-check-empty,.bootstrap-checkbox.disabled button.btn:hover > span.cb-icon-check-empty,.bootstrap-checkbox.disabled button.btn:active > span.cb-icon-check-empty{background-position: -24px -1px;}
.bootstrap-checkbox button.btn:hover > span.cb-icon-check-empty,.bootstrap-checkbox button.btn:focus > span.cb-icon-check-empty,.bootstrap-checkbox button.btn:active > span.cb-icon-check-empty{background-position: -24px -25px;}
.bootstrap-checkbox button.btn > span.cb-icon-check-indeterminate,.bootstrap-checkbox.disabled button.btn:hover > span.cb-icon-check-indeterminate,.bootstrap-checkbox.disabled button.btn:active > span.cb-icon-check-indeterminate{background-position: -48px -1px;}
.bootstrap-checkbox button.btn:hover > span.cb-icon-check-indeterminate,.bootstrap-checkbox button.btn:focus > span.cb-icon-check-indeterminate,.bootstrap-checkbox button.btn:active > span.cb-icon-check-indeterminate{
    background-position: -48px -25px;}
/* <<<<<<<<<<<=============== CHECKBOX CASS START ====================================== >>>>>>>>> */



/* <<<<<<<<<<<=============== FORM CLASS  START ====================================== >>>>>>>>> */
div.form input, div.form textarea, div.form select { margin-top:0px !important;}
.sr-form-horizontal .sr-control-label { padding-top: 7px;text-align: left; color:#363f44; font-size:13px; font-weight:600;}
.sr-form-horizontal input [type="text"] , .sr-form-horizontal select , .sr-form-horizontal textarea , .sr-input-lg{ background-color:#f9f9f9; margin-bottom:15px; border:1px solid #e1e1e1; border-radius:4px;padding: 5px 10px;}
.sr-form-control:focus , .input-md:focus , #textArea:focus {border-color: #7B00CC ;outline: 0;-webkit-box-shadow: inset 0 1px 1px #AC4DFF, #AC4DFF;box-shadow: inset 0 1px 1px #7B00CC, #7B00CC;}
.sr-form-control::-moz-placeholder {color: #adadad !important;opacity: 1;}
.sr-form-control:-ms-input-placeholder {color: #adadad !important;}
.sr-form-control::-webkit-input-placeholder {color: #adadad !important;}
.sr-input-lg , .sr-form-control::-moz-placeholder {height: 46px;padding: 14px 16px;border-radius: 4px;color: #363f44 ; font-size:13px; font-weight:400; line-height:18px; margin:0px;  /*text-transform:capitalize;*/}

.calender-icon{color: #503AAA;float: left;font-size: 24px;padding-bottom: 5px; padding-left: 10px;padding-right: 5px;padding-top: 5px; position: absolute;}
.help-icon{ color:#FFF; font-size:12px; background-color:#503AAA; border-radius:50px; margin:10px; margin-top:6px; font-weight:600; opacity:0.5; padding:3px; padding-left:8px;   position: absolute; float: left;}
.help-icon:hover{opacity:0.9;}
.sr-form-control::-moz-placeholder {color: #363f44;opacity: 1; font-size:13px;}



option:first {
    color: #FFF;
}

.form-control:focus{
    border-color: #A996F9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #CEC2FF;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #CEC2FF;
}

/* <<<<<<<<<<<=============== FORM CLASS  END ====================================== >>>>>>>>> */


/* <<<<<<<<<<<=============== PROGRESS BAR  START ====================================== >>>>>>>>> */

.sr-progress {height: 20px;margin-top: 15px;margin-bottom: 15px;overflow: hidden;background-color: #f7f7f7 ;border-radius: 4px;-webkit-box-shadow: inset 0 1px 2px #ebebeb;box-shadow: inset 0 1px 2px #ebebeb;}
.sr-progress-bar {float: left;width: 0;height: 100%;font-size: 12px;line-height: 20px;color: #fff;text-align: center; background-color: #AC4DFF;-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);-webkit-transition: width .6s ease; -o-transition: width .6s ease;transition: width .6s ease;}
.sr-progress-striped .sr-progress-bar,.sr-progress-bar-striped {background-image: -webkit-linear-gradient(45deg, #8329E2 25%, transparent 25%, transparent 50%, #8329E2 50%, #8329E2 75%, transparent 75%, transparent);
                                                                background-image:      -o-linear-gradient(45deg, #8329E2 25%, transparent 25%, transparent 50%, #8329E2, #8329E2, transparent 75%, transparent);background-image:         linear-gradient(45deg, #8329E2 25%, transparent 25%, transparent 50%, #8329E2 50%, #8329E2 75%, transparent 75%, transparent);
                                                                -webkit-background-size: 40px 40px;background-size: 40px 40px;}
.sr-progress.active .sr-progress-bar,.sr-progress-bar.active {-webkit-animation: progress-bar-stripes 2s linear infinite;-o-animation: progress-bar-stripes 2s linear infinite;animation: progress-bar-stripes 2s linear infinite;}
.sr-progress-bar[aria-valuenow="1"],.sr-progress-bar[aria-valuenow="2"] {min-width: 30px;}
.sr-progress-bar[aria-valuenow="0"] { min-width: 30px;color: #777;background-color: transparent;background-image: none;-webkit-box-shadow: none; box-shadow: none;}
.sr-progress-bar-success {background-color: #CFA8FF;}
.sr-progress-striped .sr-progress-bar-success {background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);}
.sr-progress-close{padding:20px 15px; padding-left:0px; }
.sr-progress-close-top-30px{padding-top:32px ; }
.sr-progress-close-top-3px{padding-top:3px; }
.sr-progress-close a span{font-size:28px; color:#ff5f5f;}
.sr-progress-close a span:hover , .sr-progress-close a span:focus{color:#fa1e1e;}
.sr-progress-add{padding:20px 15px; padding-left:0px; }
.sr-progress-add-top-zero{ padding:0px 0px;}
.sr-progress-add a span{font-size:28px; color:#503AAA;}
.sr-progress-add a span:hover , .sr-progress-add a span:focus{color:#2D196B;}
.sr-progress-right{padding:15px 0px;}
.sr-progress-right span{font-size:18px; color:#55177f; padding-left:10px;}
.sr-progress-right i{font-size:18px; color:#ff5f5f; padding-left:10px; padding-right:0px;}
.sr-progress-right1 i{font-size:18px; color:#fff; padding-left:5px; padding-right:5px;}

/* <<<<<<<<<<<=============== PROGRESS BAR  END ====================================== >>>>>>>>> */



/* <<<<<<<<<<<=============== BUTTON CLASS  START ====================================== >>>>>>>>> */

.sr-header-right-button span{ font-size:18px; vertical-align:middle; padding:0px; color:#FFF;}
.sr-btn-default{background:none; border:none; border-radius:4px !important; color:#000; border:1px solid #1e2c3b;}
.sr-btn-default:hover , .sr-btn-default:focus { background-color:#121b25; color:#FFF;}
.sr-btn-default span{ font-size:13px; vertical-align:initial; padding:0px 5px; padding-left:0px;}
.sr-btn-default tag { font-size:13px; vertical-align:middle; padding:0px 5px; padding-right:0px;}

.sr-btn-primary {background-color:#503AAA ;  margin:10px 0px; font-weight:400; vertical-align:bottom; border:none; border-radius:4px; color:#FFF; border-bottom:2px solid #503AAA;}
.sr-btn-primary:hover , .sr-btn-primary:focus{ background-color:#2D196B; color:#FFF;}
.sr-btn-primary  tag{ font-size:12px; vertical-align:middle;  padding:0px 5px; padding-right:0px;}
.sr-btn-primary span{ font-size:16px; vertical-align:middle;  padding:0px 5px; padding-left:0px;}
.sr-btn-primary d{ font-size:12px; vertical-align:middle;  padding:0px; line-height:9px; }

.sr-btn-primary-grid {background-color:#55177f ; margin:10px 0px;  padding:8px;  vertical-align:bottom; border:none; border-radius:4px; color:#FFF; border-bottom:2px solid #38185b; text-align:left;}
.sr-btn-primary-grid:hover , .sr-btn-primary-grid:focus { background-color:#721faa ; color:#FFF;}
.sr-btn-primary-grid span{ font-size:16px; vertical-align:middle;  padding-left:0px; padding-right:5px;}
.sr-btn-primary-grid  tag{ font-size:12px; vertical-align:middle;  padding:0px 5px; padding-right:0px;}
.sr-btn-primary-grid d{ font-size:12px; vertical-align:middle;  padding:0px; line-height:9px; }

.sr-btn-warning {background-color:#fd5e5e;   margin:10px 0px; font-weight:400; vertical-align:bottom; border:none; border-radius:4px; color:#FFF; border-bottom:2px solid #d95151;}
.sr-btn-warning:hover , .sr-btn-warning:focus { background-color:#fa1e1e; color:#FFF;}
.sr-btn-warning  tag{ font-size:10px; vertical-align:middle;  padding:0px 5px; padding-right:0px;}
.sr-btn-warning span{ font-size:16px; vertical-align:middle;  padding:0px 5px; padding-left:0px;}
.sr-btn-warning d{ font-size:12px; vertical-align:middle;  padding:0px; line-height:9px; }

.sr-btn-orange {background-color:#Ea9547;   margin:10px 0px; font-weight:400; vertical-align:bottom; border:none; border-radius:4px; color:#FFF; border-bottom:2px solid #d95151;}
.sr-btn-orange:hover , .sr-btn-orange:focus { background-color:#ED7507; color:#FFF;}
.sr-btn-orange  tag{ font-size:10px; vertical-align:middle;  padding:0px 5px; padding-right:0px;}
.sr-btn-orange span{ font-size:16px; vertical-align:middle;  padding:0px 5px; padding-left:0px;}
.sr-btn-orange d{ font-size:12px; vertical-align:middle;  padding:0px; line-height:9px; }

.sr-btn-grey {font-size:12px; padding:8px; margin:10px 0px; font-weight:400; vertical-align:bottom; border:none; border-radius:4px; color:#000; border:1px solid #333;}
.sr-btn-grey:hover , .sr-btn-grey:focus { background-color:#4a4848; color:#FFF;}
.sr-btn-grey  tag{ font-size:10px; vertical-align:middle;  padding:0px 5px; padding-right:0px;}
.sr-btn-grey span{ font-size:16px; vertical-align:middle;  padding:0px 5px; padding-left:0px;}
.sr-btn-grey d{ font-size:12px; vertical-align:middle;  padding:0px; line-height:9px; }


.sr-btn-grey1 {background-color:#808080; margin:10px 0px; font-weight:400; vertical-align:bottom; border:none; border-radius:4px; color:#FFF; border-bottom:2px solid #6b6a6a;}
.sr-btn-grey1:hover , .sr-btn-grey1:focus { background-color:#4a4848; color:#FFF;}

.sr-btn-grey2 {background-color:#808080; margin:10px 0px; vertical-align:bottom; border:none; border-radius:4px; color:#FFF; border-bottom:2px solid #6b6a6a;}
.sr-btn-grey2:hover , .sr-btn-grey:focus { background-color:#4a4848; color:#FFF;}
.sr-btn-grey2  tag{ font-size:10px; vertical-align:middle;  padding:0px 5px; padding-right:0px;}
.sr-btn-grey2 span{ font-size:16px; vertical-align:middle;  padding:0px 5px; padding-left:0px;}
.sr-btn-grey2 d{ font-size:12px; vertical-align:middle;  padding:0px; line-height:9px; }

.sr-btn-md{ font-size:14px; font-weight:600;}
.addfile .sr-btn-md { padding:12px;}

.sr-btn-success {background-color:#503AAA ; margin:10px 0px; vertical-align:bottom; border:none; border-radius:4px; color:#FFF; border-bottom:2px solid #503AAA; text-align:left;}
.sr-btn-success:hover , .sr-btn-success:focus { background-color:#2D196B ; color:#FFF;}
.sr-btn-success span{ font-size:16px; vertical-align:middle;  padding-left:0px; padding-right:5px;}
.sr-btn-success  tag{ font-size:12px; vertical-align:middle;  padding:0px 5px; padding-right:0px;}


sr-btn-success-round {background-color:#AC4DFF ; margin:10px 0px; vertical-align:bottom; border:none; border-radius:4px; color:#FFF; border-bottom:2px solid #7B00CC; text-align:left;}
.sr-btn-success-round:hover , .sr-btn-success-round:focus { background-color:#8329E2 ; color:#FFF;}
.sr-btn-success-round span{ font-size:16px; vertical-align:middle;  padding-left:0px; padding-right:5px;}
.sr-btn-success-round  tag{ font-size:12px; vertical-align:middle;  padding:0px 5px; padding-right:0px;}


.sr-btn-success-grid {background-color:#503AAA ; margin:10px 0px;  padding:8px;  vertical-align:bottom; border:none; border-radius:4px; color:#FFF; border-bottom:2px solid #503AAA; text-align:left;}
.sr-btn-success-grid:hover , .sr-btn-success-grid:focus { background-color:#2D196B; color:#FFF;}
.sr-btn-success-grid span{ font-size:16px; vertical-align:middle;  padding-left:0px; padding-right:5px;}
.sr-btn-success-grid  tag{ font-size:12px; vertical-align:middle;  padding:0px 5px; padding-right:0px;}
.sr-btn-success-grid d{ font-size:12px; vertical-align:middle;  padding:0px; line-height:9px; }

.sr-btn-group { display: inline-block;  position: relative; vertical-align: middle; width:100%;}
.sr-btn-group .sr-btn-success{font-weight:600;}

.sr-modal-header .sr-btn-warning { margin:0px; margin-top:-4px;}

.sr-circule span{background-color:#CCC; border-bottom:1px solid #CCC; padding:8px 8px; border-radius:10px; font-size:11px; font-weight:400; color:#000;}
/* <<<<<<<<<<<=============== BUTTON CLASS  END ====================================== >>>>>>>>> */


/* <<<<<<<<<<<=============== HEADER USER TOP START ====================================== >>>>>>>>> */

.sr-menu .dropdown-toggle:hover{background-image:url(../images/menu-hover-gradient.jpg) ; background-repeat:repeat; background-position:bottom; background-color:#e3e3e3;}
.sr-header-right-button:hover{ background-color:#2D196B;}

.sr-header-right-button12:hover{ background-color:#444444;}
.sr-header{	background-image:url(../images/header-bg.jpg); background-repeat:repeat-x; height:40px;}
.sr-header-left p{ font-weight:400;	color:#FFF;	font-size:13px;	padding:10px 0px; margin:0px; line-height:20px;	float:left;}
.sr-header-left span{ font-weight:600; font-size:16px; color:#FFF; padding:10px 10px; line-height:20px;	float:left;}
.sr-team-dropdown{background-color:#444444; width:550px; padding:10px; color:#aaa9a9; font-size:11px; border-bottom:1px solid #272727;}
.sr-team-dropdown-stuff{background-color:#444444; width:450px; padding:10px; color:#aaa9a9; font-size:11px; border-bottom:1px solid #272727;}
.sr-team-dropdown:hover{background-color:#323232;}
.sr-team-dropdown a{  color:#aaa9a9; font-size:11px; }

.sr-team-dropdown a:hover{  color:#FFF; text-decoration:none; font-size:11px;}
.sr-team-dropdown a span{  color:#aaa9a9; vertical-align:middle;  padding:10px; font-size:13px;}
.sr-user-dropdown.pull-right { right:0px;  }
.sr-user-dropdown li a{ padding:10px; background-color:#EAE5FF; border-bottom:1px solid #CEC2FF; font-size:11px; color:#503AAA; font-weight:400;}
.sr-user-dropdown li a span{ font-size:16px;}
.sr-user-dropdown li a:hover, btn-default:focus { background-color:#F7F7F7; color:#2D196B; font-weight: bold;}
.sr-btn-default:focus{ background-color:#233445 ; color:#FFF;}
.sr-btn-default:active, .sr-btn-default.active, .open > .dropdown-toggle.sr-btn-default{background-color:#444444 ; color:#aaa9a9; border-radius:0px;}
.sr-header-right p{font-weight:400; color:#FFF;	font-size:11px;	padding:0px 10px; margin:0px; line-height:19px; float:left; text-transform:uppercase;}
.sr-header-right-button{ background-color:#503AAA; padding:10px 10px; height:40px; float:right; border-top:none; border-bottom:none; border-left:1px solid #503AAA; border-right:0px solid #503AAA;}
.sr-header-right-button12:focus , .sr-header-right-button12:hover .sr-header-right-button:focus, .sr-header-right-button:active, .sr-header-right-button.active, .open > .dropdown-toggle.sr-header-right-button{background-color:#2D196B ;  border-radius:0px;}
.sr-header-right span { font-size:12px; padding:5px 0px; vertical-align:middle;  display:inline-block;}
.sr-header-right span img{ padding:8px 0px;}
.team-icon{background-position: -1px -2px ; width: 20px; height: 20px;}
.down-arrow{background-position: -29px -11px; width: 11px; height: 7px; float:right; margin:8px 0px;}
.help-icon{ background-position: -42px -4px ;width: 20px; height: 20px; }

/* Remove this class to hide sub menu - START */
.sr-menu .dropdown-toggle:hover .dropdown-menu {
    display: block;
}
.sr-menu .dropdown-toggle:hover .dropdown-menu .dropdown-menu {
    display: none;
}
.sr-menu .dropdown-toggle .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
    display: block;
}

.dropdown-submenu {position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: -5px; margin-left: 0px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu>a:after {    display: block;
                               content: " ";
                               float: right;
                               width: 0;
                               height: 0;
                               border-color: transparent;
                               border-style: solid;
                               border-width: 5px 0 5px 5px;
                               border-left-color: #ccc;
                               margin-top: 5px;
                               margin-right: -5px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-right {
    float: none;
}
.dropdown-submenu.pull-right>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/* Remove this class to hide sub menu - END */

/* <<<<<<<<<<<=============== HEADER USER TOP  END ====================================== >>>>>>>>> */

/* <<<<<<<<<<<=============== HEADER NAVBAR START ====================================== >>>>>>>>> */

.sr-navbar{ background-color:#FFF; border:none; box-shadow: 0 4px 2px -2px #e0e1e1; border-radius:0px;}
.sr-logo-position{ padding:5px; border:none; margin:0px;}
.sr-manu-right-padding-zero{ padding-right:0px ;}
.sr-menu-dropdown{ background-color:#333; border-radius:0px 0px 4px 4px; border-bottom:3px solid #7B00CC; border-left:0px; border-right:0px;}
.sr-menu .left-side{ right:auto;}
.sr-menu li a span{ text-align:center; width:100%;}
.sr-menu li a { text-transform:uppercase; font-weight:600; width:105px; padding:10px 5px; padding-top:12px; padding-bottom:9px; font-size:11px; line-height:20px; text-align:center; border-left:1px solid #f3f3f3;}
.sr-menu li a span { text-align:center; width:100% !important; display:block; font-size:20px; padding-bottom:3px;}
.navbar-default-menu .navbar-nav > .open > a, .navbar-default-menu .navbar-nav > .open > a:hover, .navbar-default-menu .navbar-nav > .open > a:focus{ border-left:1px solid #f3f3f3; background-image:url(../images/menu-hover-gradient.jpg) ; background-repeat:repeat; background-position:bottom; background-color:#e3e3e3;}
.navbar-default-menu .navbar-nav > .active > a, .navbar-default-menu .navbar-nav > .active > a:hover, .navbar-default-menu .navbar-nav > .active > a:focus{ color:#503AAA; background-color:#EAE5FF; border-left:1px solid #f3f3f3;}
.navbar-default-menu .navbar-nav > li > a:hover, .navbar-default-menu .navbar-nav > li > a:focus { border-left:1px solid #f3f3f3; color:#503AAA;  background-image:url(../images/menu-hover-gradient.jpg) ; background-repeat:repeat; }
.sr-menu li .badge{position:absolute; left:64px; top:5px; background-color:#503AAA; z-index:1;}
.sr-menu-dropdown{ background-color:#EAE5FF; border-radius:0px 0px 4px 4px; border-bottom:5px solid #503AAA; border-top:none; padding:0px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.176); margin-left:1px;}
.sr-menu-dropdown li { border-radius:4px; background-color:#FFF; margin:5px;}
.sr-menu-dropdown li a{ border:none; text-align:left; color:#503AAA; font-size:11px; padding:5px 10px; font-weight:400; width:100%;}
.sr-menu-dropdown li a:hover{ background-color:#F5F5F5 !important; border-radius:4px; color:#8329E2;}

.sr-green  .form-control::-moz-placeholder{ font-size:12px !important; color:#AC4DFF ;}

.sr-team-dropdown-stuff1{background-color:#444444; width:350px; padding:0px; color:#aaa9a9; font-size:11px; border-bottom:1px solid #272727;}
.dropdown-menu-task a{ font-size:13px; color:#444444; border-bottom:1px solid #f3f3f3; padding:7px 0px; display:inline-block; width:95%;  }
.dropdown-menu-task a:last-child{ border:none;}
.dropdown-menu-task a:hover , .dropdown-menu-task a:focus{ color:#55177f;}
.dropdown-menu-task a span{ font-size:16px !important;}

.dropdown-menu-notification a{ font-size:12px; color:#444444; border-bottom:1px solid #f3f3f3; display:inline-block; width:95%;  }
.dropdown-menu-notification a:last-child{ border:none;}
/*.dropdown-menu-notification a:hover , .dropdown-menu-task a:focus{ color:#55177f;}*/
.dropdown-menu-notification a span{ font-size:16px !important;}

.font-size-14px{ font-size:14px !important;}
.text-underline{ text-decoration:underline !important; }
.font-size-10px{ font-size:10px !important;}
.font-size-12px{ font-size:12px !important;}
.line-height-30px{ line-height:30px;}
.min-width-200{ min-width:200px; border-radius:4px !important; }
.width-200px{ width:200px; border-radius:4px !important; }
.label-success{ font-size:14px !important;}
.lebal-sr{}
.label-warning{ background-color:#ff5f5f; font-size:14px;}
.label-link{ background-color:#55177f;  font-size:14px;}
.border-radius-4px{ border-radius:4px !important;}
.icon-p-line{border-right:1px solid #444444;}
.icon-p a:hover , .icon-p a:focus { background-color:#444444;}
.icon-p a span{ padding:10px 10px; font-size:20px;}
.line-height-none{ line-height:12px !important; position:relative; right:0px; top:-6px;}
/* <<<<<<<<<<<=============== HEADER NAVBAR END ====================================== >>>>>>>>> */



/* <<<<<<<<<<<=============== DASHBOARD LEFT-SIDE MENU START ====================================== >>>>>>>>> */

.sr-menu-left{background-color:#ffffff; border-radius:4px; border:1px solid #FFF; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.176);}
.sr-menu-left-bg{ background-color:#010101; border-radius:4px 0px 0px 4px;}
.sr-menu-left-bg li{padding:10px; padding-right:0px;    border-bottom:1px solid #444d59; background-image:url(../images/menu-arrow.png); background-repeat:no-repeat; background-position:right center;}
.sr-menu-left-bg li a{width:100%; color:#808b9c; text-transform:uppercase; border-radius:4px 0px 0px 4px; text-align:center; font-weight:600; font-size:11px; line-height:20px; padding:10px;  cursor:pointer !important;}
.sr-menu-left-bg li a:hover{ color:#FFF;}
.sr-menu-left-bg li a span{ width:100% ; display:block; text-align:center; font-size:18px; padding-bottom:5px;}
.sr-menu-left-bg .sub-menu li{ padding:0px; font-weight:600; border-top:1px solid #000000; }
.sr-menu-left-bg .sub-menu li .active {border-left:5px solid #503AAA; margin:0px; font-size:11px; font-weight:400 ; display:block; color:#FFF !important; border-radius:0px; padding:10px; background-image:url(../images/sub-menu-right-arrow.png); background-repeat:no-repeat; background-position:right; background-color:#503AAA;}
.sr-menu-left-bg .sub-menu li a { border-left:5px solid #1f2227; background-color:#1f2227; margin:0px; font-size:11px; font-weight:400 ; display:block; color:#FFF ; border-radius:0px; padding:10px !important;}
.sr-menu-left-bg .sub-menu li a:hover{ border-left:5px solid #434851; color:#FFF; font-size:11px; font-weight:400 !important; text-decoration:none;}
.sr-menu-left-bg .sub-menu li a {color:#dbdbdb; padding:5px; font-size:11px; font-weight:400; line-height:20px; margin:0px;}
.sr-menu-left-bg .disabled { background-color:transparent; background-image:none;}
.nav-pills-left-menu > li.disabled > a:hover { color:#FFF;}
.nav-pills-left-menu > li.disabled > a{ color:#FFF;}
.nav-pills-left-menu li a:focus { color:#FFF;}
.sr-menu-left-bg .sub-menu li .active:hover { background-color: #8569F9;}
.nav-pills-left-menu li .active:hover{ background-color:#2D196B ;}
.nav-pills-left-menu .open > a, .nav-pills-left-menu .open > a:hover, .nav-pills-left-menu .open > a:focus , .sr-menu-left-bg li .dropdown-toggle:hover  { background-color:#2D196B !important; color:#FFF; cursor:pointer !important;}

.sr-menu-left-bg li a span{width:100%; text-align:center; }
.sr-menu-left-bg li ul {top:8px; box-shadow:none;  background-color:#1f2227;  border:none; left:100%; border-radius:0px 4px 4px 0px; border-left:5px solid #2D196B;}
.sr-menu-left-bg li ul li{padding:5px; border:none; text-align:left; background-image:none; }
.sr-menu-left-bg li ul li a { padding:5px 10px; background-color:#2a313a; text-align:left; border-radius:4px; margin-bottom:0px; color:#808b9c; font-size:12px; font-weight:400; }
.sr-menu-left-bg li ul li a:hover{ background-color:#414b57; color:#FFF;}
.sr-menu-left li { width:100%;  text-align:center ;}
.sr-menu-left li span { width:100%; text-align:center;}
.sr-menu-left li span a { }
.width-161{ width:165px !important;}
.width-100percent{ width:100%}
.width-90percent{ width: 90%; }
/* <<<<<<<<<<<=============== DASHBOARD LEFT-SIDE MENU END ====================================== >>>>>>>>> */



/* <<<<<<<<<<<=============== FOOTER  START ====================================== >>>>>>>>> */

.sr-footer{ margin-top:20px; margin-bottom:0px; padding:12px 15px; background-color:#FFF; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.176);}
.sr-footer-text p{ margin:0px; display:block;}
.pull-left p img{ float:left; padding-right:10px;}
.sr-footer-text .pull-left p { color:#a8abae; float:left; font-weight:400; margin:0px; font-style:italic; font-size:13px; padding:3px 0px; line-height:30px; }
.sr-footer-text .pull-left p a{ color:#a8abae; font-weight:400; font-style:italic; font-size:13px;}
.sr-footer-text .pull-left p a:hover{ color:#AC4DFF; text-decoration:none;}
.sr-footer-text .pull-right p {padding:3px 0px;}
.sr-footer-text .pull-right p strong { color:#363f44; font-weight:400; vertical-align:middle; font-style:italic; font-size:13px; padding:0px 10px;}
.sr-footer-text .pull-right p a{ color:#363f44; font-weight:400;  font-size:18px; vertical-align:middle; padding:0px 6px; line-height: 30px;}
.sr-footer-text .pull-right p a strong{ font-size:10px; padding:0px; font-weight:600; font-style:normal; vertical-align:middle;  font-family: open sans; display:inline-block; line-height:16px; padding-bottom:8px; padding-left:2px; color:#363f44;}
.sr-footer-text .pull-right p .icon-sr-icons-ie:hover , .sr-footer-text .pull-right p a strong:hover{ color:#0072c5; text-decoration:none;}
.sr-footer-text .pull-right p .icon-sr-icons-chrome:hover{ color:#d74739; text-decoration:none;}
.sr-footer-text .pull-right p .icon-sr-icons-mozilla-firefox:hover{ color:#e85d0c; text-decoration:none;}
.sr-footer-text .pull-right p .icon-sr-icons-safari:hover{ color:#00b2d9; text-decoration:none;}

/* <<<<<<<<<<<=============== FOOTER  END ====================================== >>>>>>>>> */

/* <<<<<<<<<<<=============== PANEL START ====================================== >>>>>>>>> */

.sr-panel{ margin:15px 0px;}
.sr-panel .panel-heading{ display: inline-block; width: 100%; background-color:#f5f5f5;  -moz-box-shadow:    inset 0 0 5px #FFF; -webkit-box-shadow: inset 0 0 5px #FFF; box-shadow:inset 0 0 5px #FFF; border-bottom: 1px solid #dddddd;}
.sr-panel-group {margin-top: 10px;}
.sr-panel-group .sr-panel {background-color: #f5f5f5;border:1px solid #e1e1e1;box-shadow: 0 0 5px #fff inset;display: inline-block;width: 100%;}
.sr-panel-group .sr-panel + .sr-panel {margin-top: 5px;}
.sr-panel-group .panel-heading {border-bottom: 0;}
.sr-panel-group .panel-heading + .panel-collapse > .panel-body {border-top: 1px solid #e1e1e1;background-color:#FFF;}
.sr-panel-group .panel-footer {border-top: 0;}
.sr-panel-group .panel-footer + .panel-collapse .panel-body {border-bottom: 1px solid #ddd;}
.sr-panel-default {border-color: #ddd;}
.sr-panel-default > .panel-heading {color: #333;background-color: #f5f5f5;border-color: #ddd;}
/*.sr-panel-default > .panel-heading > .{ color:#363f44; font-size:16px; font-weight:700; line-height:30px; margin:0px; padding:0px; text-transform:uppercase;}*/
.sr-panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: #ddd;}
.sr-panel-default > .panel-heading .badge {color: #f5f5f5;background-color: #333;}
.panel-heading .accordion-toggle:after { font-family: 'sricons';  content: "\e600"; float: right; color: #55177f;font-size:21px; font-weight:400; display:block; }
.panel-heading .accordion-toggle.collapsed:after {content: "\e601";  font-weight:400;  }
.sr-panel-body{ padding:15px; }

/* <<<<<<<<<<<=============== PANEL END ====================================== >>>>>>>>> */


/* <<<<<<<<<<<=============== TABLE START ====================================== >>>>>>>>> */
.sorting_1{ background-color:#f9f9f9 !important;}
.sorting_1:hover , .sorting_1:focus{ background-color:#fff !important;}
table.dataTable tr.odd:hover { background-color:#fff !important;}
.sr-table{ margin:15px 0px;}
.sr-table-bordered{ border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
.sr-table-bordered th{ border:1px solid #e1e1e1; border-bottom:none !important; border-right:none !important; }
.sr-table-bordered td{ border-top: 1px solid #e1e1e1;
                       border-left: 1px solid #e1e1e1;}


.sr-table tr th{ text-transform:uppercase; vertical-align:text-top; font-size:13px; color:#363f44; font-weight:700;  background-image:url(../images/table-header-bg.jpg); background-repeat:repeat-x; background-position:bottom; background-color:#f3f3f3;}
.sr-table tr { font-size:13px; line-height:18px; color:#233445; background-color:#f9f9f9;  font-weight:400;}
.sr-table tr td a { font-size:13px; line-height:18px; color:#233445 ;   font-weight:400;}
.sr-table-hover > tbody > tr:hover , .sr-table-hover > tbody > tr:hover > th , .sr-table tr td a:hover { background-color: #FFF; color:#363f44 ;}
.sorting-normal{ background-image:url(../images/sorting-normal.png); background-repeat:no-repeat; height:20px; width:10px;}
.process-loading{ background-image:url(../images/table-loader.gif); background-repeat:no-repeat; height:20px; width:20px; position:absolute; left: 43%; padding-left: 25px; margin-top:5px;}
.process-loading-p{color: #30a665 !important; font-size: 20px !important; }
.dataTables_wrapper .ui-toolbar{padding-left:0px !important; padding-right:0px !important;}
.table-height{max-height:200px; padding: 0px;}
#notification-grid .extrarow{background-color: #EAEAEA;}
#notification-grid .sr-table-bordered td {border-right: 1px solid #e1e1e1;}
.fixed-width-tag{width:200px;}
/*//}*/

/* <<<<<<<<<<<=============== TABLE END ====================================== >>>>>>>>> */


/* <<<<<<<<<<<=============== PAGINATION PART START ====================================== >>>>>>>>> */

.sr-pagination {display: inline-block; padding-left: 0; margin: 0px;}
.sr-pagination > li { display: inline;}
.sr-pagination > li > a , .sr-pagination > li > span {position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #AC4DFF; text-decoration: none; background-color: #fff; color:#363f44; font-size:14px; font-weight:400; border:1px solid #e1e1e1; }
.sr-pagination > li:first-child > a, .sr-pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.sr-pagination > li:last-child > a, .sr-pagination > li:last-child > span {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.sr-pagination > li > a:hover, .sr-pagination > li > span:hover, .sr-pagination > li > a:focus, .sr-pagination > li > span:focus {color: #363f44; background-color: #f3f3f3; border-color: #e1e1e1; }
.sr-pagination > .active > a, .sr-pagination> .active > span, .sr-pagination > .active > a:hover, .sr-pagination > .active > span:hover, .sr-pagination > .active > a:focus, .sr-pagination > .active > span:focus { z-index: 2;
                                                                                                                                                                                                        color: #AC4DFF; cursor: default; background-color: #efefef; border-color: #e1e1e1; }
.sr-pagination > .disabled > span, .sr-pagination > .disabled > span:hover, .sr-pagination > .disabled > span:focus, .sr-pagination > .disabled > a, .sr-pagination > .disabled > a:hover, .sr-pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.sr-page-counter p{ color:#a0a0a0; font-size:13px; font-weight:400; margin:0px; padding:8px 0px;}
.sr-page-counter p strong{ color:#363f44; font-size:13px; font-weight:400; padding:0px 3px;}

/* <<<<<<<<<<<=============== PAGINATION PART START ====================================== >>>>>>>>> */

/* <<<<<<<<<<<=============== TABS START ====================================== >>>>>>>>> */
.sr-tabs-padding{padding:5px; padding-bottom:0px; border-bottom:none;}
.sr-nav-tabs{  border-bottom:0px ; }
.sr-nav-tabs li{ width:auto; margin-bottom:0px;  margin-bottom:-1px;  }
.sr-nav-tabs li a{ border:none !important; border-radius:4px 4px 0px 0px;  background-color:#e5e5e5; color: #503AAA; font-size:13px; font-weight:600; -moz-box-shadow:    0 2px 7px -7px #ccc inset, 0 -8px 8px -8px #ccc inset   inset  0 2px 7px -7px #ccc; -webkit-box-shadow: inset  0 2px 7px -7px #ccc,  inset  0 -8px 8px -8px #ccc; box-shadow:inset  0 2px 7px -7px #ccc, inset  0 -8px 8px -8px #ccc; padding:15px;}
.sr-nav-tabs li a:hover{ background-color:#FFF; color:#AC4DFF;}
.sr-nav-tabs > li.active > a,.sr-nav-tabs > li.active > a:hover, .sr-nav-tabs > li.active > a:focus {color: #503AAA; font-size:13px; font-weight:600; cursor: default; background-color: #fff; box-shadow:none; }
/* <<<<<<<<<<<=============== TABS END ====================================== >>>>>>>>> */



/* <<<<<<<<<<<=============== WELL START ====================================== >>>>>>>>> */
.sr-well { display:inline-block; width:100%; min-height: 20px;padding: 10px;margin: 10px 0px;background-color: #fafafa; border: 1px solid #e1e1e1;border-radius: 4px;}
.sr-well-sm { padding: 0px 10px; border-radius: 4px;}
.sr-well-checkbox { display:inline-block; width:100%; min-height: 20px;padding-right: 10px;margin: 10px 0px;background-color: #fafafa; border: 1px solid #e1e1e1;border-radius: 4px; padding-left:0px;}
.sr-well-sm-checkbox { padding: 0px 10px; border-radius: 4px; padding-left:0px;}
.sr-well-white-bg { display:inline-block; width:100%; min-height: 20px;padding: 10px;margin: 10px 0px;background-color: #FFF; border: 1px solid #e1e1e1;border-radius: 4px;}
.sr-well-delete { display:inline-block; width:100%; min-height: 20px;padding: 10px;margin: 20px 0px;background-color: #FFF; border: 1px solid #e1e1e1;border-radius: 4px;}
.sr-well-sm { padding: 0px 10px; border-radius: 4px;}
.mobile-padding-right{  padding-left:0px;}
.mobile-padding-left{  padding-right:0px;}
/* <<<<<<<<<<<=============== WELL START ====================================== >>>>>>>>> */



/* <<<<<<<<<<<=============== INNER HEADER START ====================================== >>>>>>>>> */
.sr-media-body p{ font-size:12px; font-weight:400; color:#363f44; line-height:16px; margin:0px;}
.sr-media p span { color:#363f44; padding-right:8px; margin:0px;}
.sr-media p{ margin:0px; }
.sr-inner-icon{font-size:30px;}
.sr-inner-icon-35{font-size:35px;}
.icon-size-15{ font-size:15px;}
.vertical-align-top{ vertical-align:top;}
.task_stage_id{ margin-left: 5px !important;}
.bootstrap-select.btn-group .btn .filter-option{ padding: 0px 10px;}
.selectpicker{ padding-left: 0px !important;}
/* <<<<<<<<<<<=============== INNER HEADER END ====================================== >>>>>>>>> */


/* <<<<<<<<<<<=============== BREADCRUMB START ====================================== >>>>>>>>> */
.sr-breadcrumb {padding: 0px 15px; padding-bottom:6px; padding-top:4px; margin-bottom: 0px; list-style: none; background-color:#FFF; border-radius: 4px; border:1px solid #e8e8e8; text-transform:uppercase;}
.sr-breadcrumb > li > a{ font-size:11px; color:#858585; font-weight:400;}
.sr-breadcrumb > li > a:hover{ color:#000;}
.sr-breadcrumb > li { display: inline-block; }
.sr-breadcrumb > li + li:before { background-image: url("../images/breadcumb-li.png");background-position: center top; background-repeat: no-repeat; content: ""; padding: 11px 15px; padding-top:6px;}
.sr-breadcrumb > li .active { font-size:11px; color:#AC4DFF; font-weight:400;  }
.sr-media, .sr-media-body {overflow-x: hidden; overflow-y: hidden;}
/* <<<<<<<<<<<=============== BREADCRUMB END ====================================== >>>>>>>>> */



/* <<<<<<<<<<<=============== TOOLTIP START ====================================== >>>>>>>>> */
.tooltip{ border:none !important;}
.sr-tooltip {cursor: pointer;}
.sr-tooltip.in {filter: alpha(opacity=90);opacity: .9; }
.sr-tooltip.top {padding: 5px 0;margin-top: -3px; }
.tooltip-inner { max-width: 800px;padding: 3px 8px;color: #fff; font-weight:400; font-style:italic;text-align: left;text-decoration: none;background-color: #000;border-radius: 4px;}
.sr-tooltip-inner {max-width: 800px;padding: 3px 8px;color: #fff;color:#F00 !important;text-align: center;text-decoration: none;background-color: #000;border-radius: 4px;}
.sr-tooltip-arrow {position: absolute;width: 0;height: 0;border-color: transparent;border-style: solid;}
.sr-tooltip.top .tooltip-arrow { bottom: 0;left: 50%;margin-left: -5px;border-width: 5px 5px 0;border-top-color: #000;}
.padr-p p{ padding:5px 0px;}
.hegiht-300px{ height:300px;}
/* <<<<<<<<<<<=============== TOOLTIP END ====================================== >>>>>>>>> */


/* <<<<<<<<<<<=============== LIST GROUP  START ====================================== >>>>>>>>> */
.sr-list-group {padding-left: 0;margin-bottom: 15px;}
.sr-list-group-item {cursor: pointer; position: relative;display: block;padding: 10px 15px;margin-bottom: -1px;border: 1px solid #e1e1e1;}
.sr-list-group-item:first-child {border-top-left-radius: 0px;border-top-right-radius: 0px;}
.sr-list-group-item:last-child {margin-bottom: 0;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
.sr-list-group-item > .badge {float: right;}
.sr-list-group-item > .badge + .badge {margin-right: 5px;}
a.sr-list-group-item {color: #555;}
a.sr-list-group-item .sr-list-group-item-heading {color: #333;}
a.sr-list-group-item:hover,
a.sr-list-group-item:focus {text-decoration: none; background-color: #f5f5f5;}
.sr-list-group-item.disabled,.sr-list-group-item.disabled:hover,.sr-list-group-item.disabled:focus {color: #777;background-color: #eee;}
.sr-list-group-item.disabled .sr-list-group-item-heading,.sr-list-group-item.disabled:hover .sr-list-group-item-heading,.sr-list-group-item.disabled:focus .sr-list-group-item-heading { color: inherit;}
.sr-list-group-item.disabled .sr-list-group-item-text,.sr-list-group-item.disabled:hover .sr-list-group-item-text,.sr-list-group-item.disabled:focus .sr-list-group-item-text {color: #777;}
.sr-list-group-item.active,.sr-list-group-item.active:hover,.sr-list-group-item.active:focus {z-index: 2; color: #fff;background-color: #AC4DFF;border-color: #7B00CC;}
.sr-list-group-item { width:100%; display:inline-block;}
.sr-list-group-item p{ float:left; padding:0px 5px; padding-left:0px;}

.login-text span{ color:#94999b; font-weight:400; font-style:italic; font-size:12px;}
.login-text span a{ color:#94999b; }
.login-text span a:hover{ color:#8329E2;}
.sr-margin-auto{margin:auto;}
.sr-login-center{width:265px; margin:auto;}
/* <<<<<<<<<<<=============== LIST GROUP  END ====================================== >>>>>>>>> */



/* <<<<<<<<<<<=============== CHECKOUT  START ====================================== >>>>>>>>> */

.checkout-wrap {color: #444; font-family: 'PT Sans Caption', sans-serif; margin: 40px auto;  display:inline-block; position:relative; width:100%;}
ul.checkout-bar a {text-decoration: none;}
ul.checkout-bar {background-size: 35px 35px; background-color: #dedede;	border:1px solid #c4c4c4; border-radius: 15px; height: 10px; margin: 0 auto; padding: 0; position: absolute; width: 100%;}
ul.checkout-bar li {display: inline-block; margin-top: 25px; padding: 0; text-align: center; width: 12%;}
.checkout-bar li .completed{background-color:#858585; font-size:13px; color:#FFF; padding:5px 10px; border:5px solid #d7d7d7;  position:absolute; border-radius:50px; top:-195%;}
.checkout-bar li .active{background-color:#503AAA !important; font-size:13px; color:#FFF; padding:5px 10px; border:5px solid #d7d7d7;  position:absolute; border-radius:50px; top:-195%;}
.checkout-bar li .remaining{background-color:#363f44; font-size:13px; color:#FFF; padding:5px 10px; border:5px solid #d7d7d7;  position:absolute; border-radius:50px; top:-195%;}
/* <<<<<<<<<<<=============== CHECKOUT  END ====================================== >>>>>>>>> */



/* <<<<<<<<<<<=============== PENDDING ITEM JOB DETAIL  START ====================================== >>>>>>>>> */
.pending-item{border:1px solid #e1e1e1; background-color:#f3f3f3; border-radius:0px !important;  }
.pending-item-white{background-color:#FFF; border:1px solid #e1e1e1; }
.pending-item-white h5{font-size:13px; padding-left:10px; line-height:20px; color:#787878; float:left;}
.pending-item-white span{font-size:22px;}
.pending-item-last{border:1px solid #e1e1e1; padding:7px  0px !important; background-color:#FFF; border-radius:0px; }
.pending-item-border-bottom-zero{ border-bottom: none !important;}
/* <<<<<<<<<<<=============== PENDDING ITEM JOB DETAIL  START ====================================== >>>>>>>>> */


/* <<<<<<<<<<<=============== LOGIN START====================================== >>>>>>>>> */
.login-box{background-color:#FFF; width:400px; height:400px; border-radius:50%; padding:30px; border:3px solid #e8e8e8;  -moz-box-shadow: 0px 0px 20px #e8e8e8; -webkit-box-shadow: 0px 0px 20px #e8e8e8;  box-shadow: 0px 0px 20px #e8e8e8;}
/* <<<<<<<<<<<=============== LOGIN END ====================================== >>>>>>>>> */


/* <<<<<<<<<<<=============== DATEPICKER  START ====================================== >>>>>>>>> */

.datepicker {top: 0;left: 0;padding: 4px;margin-top:35px;margin-left:8px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;z-index:9999 !important;}
.datepicker:before {content: '';display: inline-block;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-bottom-color: rgba(0, 0, 0, 0.2);position: absolute;top: -7px;left: 6px;}
.datepicker:after {content: '';display: inline-block;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #ffffff;position: absolute;top: -6px;left: 7px;}
.datepicker > div {display: none;}
.datepicker table {width: 100%;margin: 0;}
.datepicker td,.datepicker th {text-align: center;width: 20px;height: 20px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.datepicker td.day:hover {background: #eeeeee;cursor: pointer;}
.datepicker td.day.disabled {color: #eeeeee;}
.datepicker td.old,.datepicker td.new {color: #999999;}
.datepicker td.active,.datepicker td.active:hover {color: #ffffff;background-color: #006dcc;background-image: -moz-linear-gradient(top, #0088cc, #0044cc);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);background-image: -o-linear-gradient(top, #0088cc, #0044cc);background-image: linear-gradient(to bottom, #0088cc, #0044cc);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);border-color: #0044cc #0044cc #002a80;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color: #0044cc;filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);color: #fff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.datepicker td.active:hover,.datepicker td.active:hover:hover,.datepicker td.active:focus,.datepicker td.active:hover:focus,.datepicker td.active:active,.datepicker td.active:hover:active,.datepicker td.active.active,.datepicker td.active:hover.active,.datepicker td.active.disabled,.datepicker td.active:hover.disabled,.datepicker td.active[disabled],.datepicker td.active:hover[disabled] {color: #ffffff;background-color: #0044cc;*background-color: #003bb3;}
.datepicker td.active:active,.datepicker td.active:hover:active,.datepicker td.active.active,.datepicker td.active:hover.active {background-color: #003399 \9;}
.datepicker td span {display: block;width: 47px;height: 54px; line-height: 54px;float: left;margin: 2px;cursor: pointer;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.datepicker td span:hover { background: #eeeeee;}
.datepicker td span.active {color: #ffffff;background-color: #006dcc;background-image: -moz-linear-gradient(top, #0088cc, #0044cc);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);background-image: -o-linear-gradient(top, #0088cc, #0044cc);background-image: linear-gradient(to bottom, #0088cc, #0044cc);background-repeat: repeat-x;
                            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);border-color: #0044cc #0044cc #002a80;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color: #0044cc;filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);color: #fff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.datepicker td span.active:hover,.datepicker td span.active:focus,.datepicker td span.active:active,.datepicker td span.active.active,.datepicker td span.active.disabled,.datepicker td span.active[disabled] {  color: #ffffff;background-color: #0044cc;*background-color: #003bb3;}
.datepicker td span.active:active,.datepicker td span.active.active {background-color: #003399 \9;}
.datepicker td span.old { color: #999999;}
.datepicker th.switch { width: 145px;}
.datepicker th.next,.datepicker th.prev {font-size: 21px;}
.datepicker thead tr:first-child th {cursor: pointer;}
.datepicker thead tr:first-child th:hover { background: #eeeeee;}
.input-append.date .add-on i,.input-prepend.date .add-on i {display: block; cursor: pointer;width: 16px;height: 16px;}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    color: #000000;
    background-color: #ffdb99;
    border-color: #ffb733;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
    color: #000000;
    background-color: #ffcd70;
    border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
    background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
    background-color: #ffdb99;
    border-color: #ffb733;
}
.datepicker table tr td.today:hover:hover {
    color: #000;
}
.datepicker table tr td.today.active:hover {
    color: #fff;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    color: #000000;
    background-color: #f7ca77;
    border-color: #f1a417;
    border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
    color: #000000;
    background-color: #f4bb51;
    border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
    background-image: none;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
    background-color: #f7ca77;
    border-color: #f1a417;
}
/* <<<<<<<<<<<=============== DATEPICKER  END ====================================== >>>>>>>>> *


/* <<<<<<<<<<<=============== TAG SHORTING  START ====================================== >>>>>>>>> */


/*$(".full-features").mambo({percentage: 65,label: "Cr",displayValue: true,labelColor: "#ccc",circleColor: '#5965E5',circleBorder: '#282D66',ringStyle: "full",ringBackground: "#999EDD",ringColor: "#393F90",drawShadow: true});*/
.connected, .sortable, .exclude, .handles {margin: auto;padding: 0;width: 310px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.sortable.grid {overflow: hidden;}
.connected li, .sortable li, .exclude li, .handles li {list-style: none;border-bottom: 3px solid #666;background: #666;font-family: "Tahoma";color: #FFF;margin:5px; cursor:pointer;padding: 5px 10px; font-size:12px; font-weight:400;border-radius:4px; width:auto; display:inline-block;cursor:move;}
.handles span {cursor: move;}
li.disabled {opacity: 0.5;}
.sortable.grid li {line-height: 80px;float: left;text-align: center;}
li.highlight {background: #FEE25F;}
#connected {width: 440px;overflow: hidden;margin: auto;cursor: move;}
.connected {width:100%;padding:4px;margin-bottom:0px; min-height:48px;}
.connected.no2 {float: right; width:100%; min-height:48px; }
.connected.no2 li { float:left; }
li.sortable-placeholder {border: 1px dashed #CCC;background: none;}

.accepted-tags:hover .remove-tag:hover,.deleted-tags:hover .remove-tag:hover{cursor:pointer;color:#AC4DFF;}
.accepted-tags .remove-tag:before {content: "\e60e";padding:4px;font-size:9px;background-color: #3a4651;border-radius: 4px;margin-left:5px;}
.deleted-tags .remove-tag:before {content: "\e63a";padding:4px;font-size:9px;background-color: #3a4651;border-radius: 4px;margin-left:5px;}
.accepted-tags .remove-tag,.deleted-tags .remove-tag{position:absolute;z-index:1; right: 10px; top:10px;}
.accepted-tags li, .deleted-tags li {padding-right:40px;position:relative}


.deleted-tags{}


/* <<<<<<<<<<<=============== TAG SHORTING  END ====================================== >>>>>>>>> */


/* <<<<<<<<<<<=============== INNER MIDDEL CONTAIN START ====================================== >>>>>>>>> */
.sr-white {margin:20px 0px; margin-bottom:0px; padding:10px 20px; background-color:#FFF; border-radius:4px; border:1px solid #e1e1e1;}
.green-color{ color:#503AAA; }
.sr-inner-white{ padding:10px; margin:20px 0px; margin-bottom:0px; background-color:#FFF; border-radius:4px; border:1px solid #e1e1e1;}
.sr-inner-drag-drop{ padding:5px; margin:15px 0px;  margin-bottom:0px; background-color:#FFF; border-radius:4px; border:1px solid #e1e1e1;}
.sr-inner-white p{ color:#949494; font-size:13px; font-weight:400; margin:0px;}
.logo-border{ border:1px solid #e5e5e5; margin:10px 10px !important; margin-top:0px !important; margin-left:0px !important; padding:10px;}
.min-height{ height:600px; overflow:scroll;}

.sr-blue-colour{ color:#2D196B;}
.sr-green-colour{ color:#503AAA;}
.sr-red-colour{ color:#fa1e1e;}
.sr-emerald-colour{ color:#029875;}
.sr-monacoblue-colour{ color:#174577;}
.sr-orange-colour{ color:#ED7507;}
.sr-burgandy-colour{ color:#A9092F;}

.sr-grey-colour { color:#363f44;}
.sr-bg-white-colour{ background-color:#FFF;}
.sr-colour-white{ color:#FFF;}
.sr-colour-white a{ color:#FFF;}
.sr-colour-white a:hover{ color:#CFA8FF;}
.sr-blue-icon{ color:#363f44; font-size:20px;}
.blue-font{font-size: 14px;font-weight: 400; padding-right:3px; line-height: 14px; margin-bottom: 0;margin-left: 0;margin-right: 0; margin-top: 0; text-transform: capitalize;}
.min-height-scroll{ /*height:366px;*/ max-height:500px; overflow-y:auto;}
.min-height-sm-scroll{ /*height:366px;*/ max-height:350px; overflow-y:auto;}
.group1 { cursor:pointer;}
.sr-bg-grey-colour{ background-color:#363f44;}
.sr-bg-red-colour{background-color:#ff5f5f;}
.modal-sm {width: 600px;}
.sr-green{ color:#503AAA !important;}
.sr-model-padding{padding:60px 40px;}
.readonly{ font-size:14px !important; color:#444444 !important; font-weight:400 !important;}

.sr-light-grey-colour { color:#CCC;}

/* <<<<<<<<<<<=============== INNER MIDDEL CONTAIN END ====================================== >>>>>>>>> */

/* <<<<<<<<<<<=============== KPI RATING MODULE START ====================================== >>>>>>>>> */
.sr-form-horizontal .kpi-form-control{background: #fff;}
.sr-form-horizontal .kpi-form-control:disabled{background: #eee;}
.sr-form-horizontal .variable-detail .avg-rating{height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; width: 50px !important; display: block; border: solid 1px #ccc;}
.sr-form-horizontal .variable-detail .total-calculation {text-align: center;}
.sr-form-horizontal .variable-detail .alert-message {color:#ff0000;}
/* <<<<<<<<<<<=============== KPI RATING MODULE END ====================================== >>>>>>>>> */

/* <<<<<<<<<<<=============== RESPONSIVE CLASS  START ====================================== >>>>>>>>> */
@media (max-width: 767px) {
    .hidden-xs {display: none !important;}
    .sr-menu li a span{ width:auto;  text-align:left;}
    .navbar-default-menu .navbar-nav > .active > a, .navbar-default-menu .navbar-nav > .active > a:hover, .navbar-default-menu .navbar-nav > .active > a:focus{ width:100%; color:#AC4DFF; background-color:#f3f3f3; border-left:1px solid #f3f3f3;}
    .sr-team-dropdown{ width:250px;}
    .sr-team-dropdown a{ line-height:30px;}
    .sr-text-right{ text-align:left ;}
    .sr-manu-right-padding-zero{ padding:15px;}
    .sr-logo-position{ margin-bottom:10px;}
    .sr-menu{ margin-top:0px; margin-bottom:0px;}
    .sr-manu-right-padding-zero{ padding-bottom:0px;}
    .sr-menu li a span { width: 30px !important; float:left;}
    .sr-menu li .badge{ float:right; right:5%; top:30%; position:absolute; left:auto;}
    .sr-menu li a { text-align:left; width:100%;}
    .sr-menu li{ background-color:#f2f2f2; border-bottom:1px solid #FFF; border-radius:0px;}
    .padding-left-zero-lg{ padding-left:15px !important;}
    .sr-menu li:last-child{ border-bottom:none; margin-bottom:5px; }
    .sr-menu-dropdown li { margin:0px; }
    .sr-menu-dropdown li a:hover {border-radius:0px;}
    .navbar-toggle {height: 70px; margin-top: -5px;  padding-left:20px; width: 80px; margin-bottom:-5px; border-radius: 0px; border:none; border-left:1px solid #f3f3f3;}
    .sr-manu-right-padding-zero { padding:5px 0px 5px 15px;}
    .sr-menu li:last-child { margin-bottom: 0px;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #2a313a;}
    .navbar-toggle .icon-bar { border-radius:50px; display: block; height:6px; width:40px;}
    .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { background-color: #f5f5f5;}
    .sr-nav-tabs li{ width:100%; margin-bottom:0px;  margin-bottom:-1px; margin-top:5px;}
    .sr-nav-tabs li a{ border-radius:4px;}
    .sr-tabs-padding{padding:5px; padding-top:0px;}
    .btn-mobile-menu  > .btn { background-color:#2a313a ; color:#FFF; border:none; height:45px; }
    .line-height , .line-height h4 { width:100%; padding-bottom:0px;}
    .mobile-pull-left{ float:left !important;}
    .mobile-padding-right{  padding-left:0px !important;  padding-right:0px !important;}
    .mobile-padding-left-new{  padding-right:0px !important; padding-left:0px !important;}
    .mobile-padding-left-new1{  padding-right:0px !important; padding-left:0px !important;}
    .mobile-padding-left{  padding-right:0px !important; padding-left:0px !important;}
    .sr-media-body h1{ padding:5px 0px;}
    .panel-heading .accordion-toggle:after{ float:none;}
    .col-xs-new-11{ width:88.667%;}
    .col-xs-upload-1 { width: 11.333%;}
    .col-xs-upload-9 { width: 88.6%;}
    ul.checkout-bar li { width:11%;}
    .pending-item-last{ padding:10px;}
    .padding-20px{ padding:10px;}
    .margin-badge-zero{ margin-left:0px;}
    .modal-sm {width: auto;}
    .mobile-padding-top-15{ padding-top:15px; width:100%; float:left !important;}
    .loading{width:100%; text-align:center; top:200px; position:absolute; background-color:#000 !important;}
    .alertfixed{position: relative; margin-right:0px; }
    .alertfixedinner{-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 0 3px 3px rgba(0,0,0,0.2); float: left; opacity: 1!important; width: 100%;}

}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {display: none !important;}
    .sr-menu li a{ padding:10px;}
    .sr-menu li ul li a{ padding:5px ;}
    .sr-nav-tabs li{ width:auto; margin-bottom:0px;  margin-bottom:-1px; margin-top:5px;}
    .mobile-padding-right{  padding-left:0px !important;  padding-right:0px !important;}
    .mobile-padding-left{  padding-right:0px !important; padding-left:0px !important;}
    .sr-media-body h1{ padding:5px 0px;}
    .col-sm-upload-9 { width: 72%;}
    .pending-item-last{ padding:10px;}
    .padding-20px{ padding:10px;}
    .margin-badge-zero{ margin-left:0px;}
    .padding-left-zero-lg{ padding-left:15px !important;}
    .loading{width:100%; text-align:center; top:250px; position:absolute; background-color:#000 !important;}

}

@media (min-width: 768px) and (max-width: 1199px) {
    .mobile-padding-left-new1{  padding-right:0px !important; padding-left:0px !important;}
    .sr-menu { border-top:1px solid #fefefe;}
    .sr-menu li a { width: auto;}
    /*
    Remove this comment if you want to open top menu on mouse hover
    .dropdown-toggle:hover .dropdown-menu , .dropdown-toggle:focus .dropdown-menu {display: block;}*/
    .mobile-padding-right{  padding-left:0px !important;  padding-right:0px !important;}
    .mobile-padding-left{  padding-right:0px !important; padding-left:0px !important;}
    .pending-item-last{ padding:10px;}
    .padding-20px{ padding:10px;}
    .margin-badge-zero{ margin-left:0px;}
    .padding-left-zero-lg{ padding-left:15px !important;}

}

@media (min-width: 992px) and (max-width: 1199px) {
    .mobile-padding-left-new1{  padding-right:0px !important; padding-left:15px !important;}
    .hidden-md { display: none !important;}
    .sr-nav-tabs li{ width:auto; margin-bottom:0px;  margin-bottom:-1px; margin-top:5px;}
    /*
    Remove this comment if you want to open top menu on mouse hover
    .dropdown-toggle:hover .dropdown-menu , .dropdown-toggle:focus .dropdown-menu {display: block;}*/
    .col-md-upload-9 { width: 73%;}
    .pending-item-last{ padding:10px;}
    .padding-20px{ padding:10px;}
    .margin-badge-zero{ margin-left:0px;}
}

@media (min-width: 1200px) and (max-width: 1560px ) {
    .sr-col-lg-1{ width:13%;}
    .sr-col-lg-11{ width:86%;}
    /*
    Remove this comment if you want to open top menu on mouse hover
    .dropdown-toggle:hover .dropdown-menu , .dropdown-toggle:focus .dropdown-menu { display: block;}*/
}

@media (min-width: 1200px) {
    .hidden-lg {display: none !important;}
    /*
    Remove this comment if you want to open top menu on mouse hover
    .dropdown-toggle:hover .dropdown-menu , .dropdown-toggle:focus .dropdown-menu {display: block;}*/
    .col-lg-new-12{ width:95.6%;}
    .col-lg-upload-1 { width: 4.333%;}
    .col-lg-upload-2 { width: 9.667% }
    .col-lg-upload-9 { width: 86%;}

}

/* <<<<<<<<<<<=============== RESPONSIVE CLASS  END ====================================== >>>>>>>>> */


/* <<<<<<<<<<<=============== FONT ICONS  START ====================================== >>>>>>>>> */
@font-face {
    font-family: 'sricons';
    src:url('../fonts/sricons.eot?-lvlu79');
    src:url('../fonts/sricons.eot?#iefix-lvlu79') format('embedded-opentype'),
        url('../fonts/sricons.woff?-lvlu79') format('woff'),
        url('../fonts/sricons.ttf?-lvlu79') format('truetype'),
        url('../fonts/sricons.svg?-lvlu79#sricons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'sricons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-sr-icons-job-type:before {
    content: "\e64e";
}

.icon-sr-icons-add-client:before {
    content: "\e64f";
}

.icon-sr-icons-view-practice:before {
    content: "\e650";
}

.icon-sr-icons-view-task:before {
    content: "\e651";
}

.icon-sr-icons-view-client:before {
    content: "\e652";
}

.icon-sr-icons-view-invoice:before {
    content: "\e653";
}

.icon-sr-icons-view-document:before {
    content: "\e654";
}

.icon-sr-icons-view-report:before {
    content: "\e655";
}

.icon-sr-icons-edit-1:before {
    content: "\e656";
}

.icon-sr-icons-view-job:before {
    content: "\e657";
}

.icon-sr-icons-add-job:before {
    content: "\e658";
}

.icon-sr-icons-docs:before {
    content: "\e645";
}

.icon-sr-icons-fees:before {
    content: "\e646";
}

.icon-sr-icons-internal-queries:before {
    content: "\e647";
}

.icon-sr-icons-practice:before {
    content: "\e648";
}

.icon-sr-icons-practice-queries:before {
    content: "\e649";
}

.icon-sr-icons-practice-response:before {
    content: "\e64a";
}

.icon-sr-icons-queries:before {
    content: "\e64b";
}

.icon-sr-icons-review-point:before {
    content: "\e64c";
}

.icon-sr-icons-task:before {
    content: "\e64d";
}

.icon-sr-icons-backtotop:before {
    content: "\e644";
}

.icon-sr-icons-graph:before {
    content: "\e642";
}

.icon-sr-icons-pie-chart:before {
    content: "\e643";
}

.icon-sr-icons-down-arrow:before {
    content: "\e641";
}

.icon-sr-icons-accordion-minus:before {
    content: "\e600";
}

.icon-sr-icons-accordion-plus:before {
    content: "\e601";
}

.icon-sr-icons-add:before {
    content: "\e602";
}

.icon-sr-icons-add-file:before {
    content: "\e603";
}

.icon-sr-icons-administrator:before {
    content: "\e604";
}

.icon-sr-icons-attachment:before {
    content: "\e605";
}

.icon-sr-icons-audit-only:before {
    content: "\e606";
}

.icon-sr-icons-calendar:before {
    content: "\e607";
}

.icon-sr-icons-change-password:before {
    content: "\e608";
}

.icon-sr-icons-checklist-templates:before {
    content: "\e609";
}

.icon-sr-icons-chrome:before {
    content: "\e60a";
}

.icon-sr-icons-class-super:before {
    content: "\e60b";
}

.icon-sr-icons-client-1:before {
    content: "\e60c";
}

.icon-sr-icons-clients:before {
    content: "\e60d";
}

.icon-sr-icons-close:before {
    content: "\e60e";
}

.icon-sr-icons-compliance:before {
    content: "\e60f";
}

.icon-sr-icons-contactyourteam:before {
    content: "\e610";
}

.icon-sr-icons-conversation:before {
    content: "\e611";
}

.icon-sr-icons-dashboard:before {
    content: "\e612";
}

.icon-sr-icons-date:before {
    content: "\e613";
}

.icon-sr-icons-delete:before {
    content: "\e614";
}

.icon-sr-icons-delete-1:before {
    content: "\e615";
}

.icon-sr-icons-download:before {
    content: "\e616";
}

.icon-sr-icons-edit:before {
    content: "\e617";
}

.icon-sr-icons-email:before {
    content: "\e618";
}

.icon-sr-icons-email-1:before {
    content: "\e619";
}

.icon-sr-icons-entity-type:before {
    content: "\e61a";
}

.icon-sr-icons-excel:before {
    content: "\e61b";
}

.icon-sr-icons-failure:before {
    content: "\e61c";
}

.icon-sr-icons-help:before {
    content: "\e61d";
}

.icon-sr-icons-help-1:before {
    content: "\e61e";
}

.icon-sr-icons-ie:before {
    content: "\e61f";
}

.icon-sr-icons-invoice:before {
    content: "\e620";
}

.icon-sr-icons-jobs:before {
    content: "\e621";
}

.icon-sr-icons-jobs-1:before {
    content: "\e622";
}

.icon-sr-icons-last-updated:before {
    content: "\e623";
}

.icon-sr-icons-livechat:before {
    content: "\e624";
}

.icon-sr-icons-logout:before {
    content: "\e625";
}

.icon-sr-icons-mozilla-firefox:before {
    content: "\e626";
}

.icon-sr-icons-multiple-docs:before {
    content: "\e627";
}

.icon-sr-icons-my-profile:before {
    content: "\e628";
}

.icon-sr-icons-next:before {
    content: "\e629";
}

.icon-sr-icons-order-docs:before {
    content: "\e62a";
}

.icon-sr-icons-order-now:before {
    content: "\e62b";
}

.icon-sr-icons-overview:before {
    content: "\e62c";
}

.icon-sr-icons-password:before {
    content: "\e62d";
}

.icon-sr-icons-pending-items:before {
    content: "\e62e";
}

.icon-sr-icons-phone:before {
    content: "\e62f";
}

.icon-sr-icons-practice2:before {
    content: "\e630";
}

.icon-sr-icons-previous:before {
    content: "\e631";
}

.icon-sr-icons-questions:before {
    content: "\e632";
}

.icon-sr-icons-reply:before {
    content: "\e633";
}

.icon-sr-icons-reports:before {
    content: "\e634";
}

.icon-sr-icons-run-report:before {
    content: "\e635";
}

.icon-sr-icons-safari:before {
    content: "\e636";
}

.icon-sr-icons-save:before {
    content: "\e637";
}

.icon-sr-icons-success:before {
    content: "\e638";
}

.icon-sr-icons-task2:before {
    content: "\e639";
}

.icon-sr-icons-true:before {
    content: "\e63a";
}

.icon-sr-icons-upload:before {
    content: "\e63b";
}

.icon-sr-icons-username:before {
    content: "\e63c";
}

.icon-sr-icons-user-practice:before {
    content: "\e63d";
}

.icon-sr-icons-user-super-records:before {
    content: "\e63e";
}

.icon-sr-icons-view:before {
    content: "\e63f";
}

.icon-sr-icons-watch-video:before {
    content: "\e640";
}

/* <<<<<<<<<<<=============== FONT ICONS  END ====================================== >>>>>>>>> */
/*NEW CLASS ADD  16/8/14 */
.sr-left-menu-btn{display:inline-block !important; padding:12px 0px; padding-right:15px; border-right:1px solid #444444 !important;}
.pad-ze{padding:0px;}
.border-drop-open{border:1px solid #333;}
#sidebar-wrapper ul { position:relative !important; width:100%; border:none !important; border-radius:0px !important; margin:0px !important;}
#sidebar-wrapper ul li a {
    border-bottom: 1px solid #444d59;
    color: #fff;
    float: left;
    width: 257px;
}
.menu-show li a { background-color:#131518 !important;}
#sidebar-wrapper  ul li ul li { color:#FFF; background-color:#FFF !important;  border-bottom:1px solid #444d59;}

#sidebar-wrapper ul li ul{ padding:0px;}
#sidebar-wrapper ul li a:hover , #sidebar-wrapper ul li a:focus , #sidebar-wrapper ul li ul li a:hover ,#sidebar-wrapper ul li ul li a:focus{ background-color:#2D196B !important;}
#sidebar-wrapper ul li ul li a:hover ,#sidebar-wrapper ul li ul li a:focus{background-color:#414b57 !important;}
#sidebar-wrapper ul li ul li a{ border-bottom:1px solid #2a313a; padding:5px 0px; background-color:#3f444a; line-height: 30px;}
#wrapper { padding-left: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#wrapper.toggled { padding-left: 250px;}
#sidebar-wrapper {z-index: 1000; position: fixed;left: 250px;width: 0;height: 100%;margin-left: -250px;overflow-y: auto;background: #010101; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;
                  -o-transition: all 0.5s ease;transition: all 0.5s ease;}
#wrapper.toggled #sidebar-wrapper {width: 255px;}
#page-content-wrapper {float: left;padding: 0px 15px;position: relative; padding-left:0px;}
#wrapper.toggled #page-content-wrapper { position: absolute;margin-right: -250px;}
.sidebar-nav {position: absolute; top: 0;width: 250px; margin: 0;padding: 0;list-style: none;}
.sidebar-nav li {text-indent: 20px;line-height: 40px;}
.sidebar-nav li a { display: block;text-decoration: none;color: #999999;}
.sidebar-nav li a:hover { text-decoration: none; color: #fff; background: rgba(255,255,255,0.2);}
.sidebar-nav li a:active,.sidebar-nav li a:focus {text-decoration: none;}
.sidebar-nav > .sidebar-brand {height: 65px;font-size: 18px;line-height: 60px;}
.sidebar-nav > .sidebar-brand a {color: #999999;}
.sidebar-nav > .sidebar-brand a:hover {color: #fff; background: none;}
.sr-gry-color{ color:#363f44 !important; font-weight:400 !important; font-size:13px !important; padding:0px !important;}
.sr-green-color{ color:#52af5f !important; font-weight:600 !important; font-size:16px !important; padding:0px !important;}
.help-block {
    display: block;
    margin-top: 0px !important;
    margin-bottom: 10px;
    color: #737373;
}
.form-control-feedback{ top:11px !important;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .sr-team-dropdown a{  color:#aaa9a9; font-size:11px;  position: absolute;}
    body{ padding-right:15px;}
}
.select2-search-choice-close{
    content: "\e60e";
    padding: 4px;
    font-size: 9px;
    background-color: #3a4651;
    border-radius: 4px;
    margin-left: 5px;
    color:white;
    font-family: 'sricons';
}
.border-none{
    border:none;
}
.sr-font-18px{
    font-size: 18px !important;
    vertical-align: middle;
}

.collapse-title-heading {
    color: #363f44;
    font-size: 16px;
    width: 100% !important;
    font-weight: 700;
    line-height: 34px;
    display:inline-block;
}
.collapse-title-heading:hover , .collapse-title-heading:focus {
    color: #363f44;
}
.sr-bg-green{ background-color:#FF0000; }

.mrgin-top-15 {
    margin-top: -15px;
}
.mrgin-top-30 {
    margin-top: -30px;
}
.hover-notification:hover{
    background-color:#f3f3f3;
}
.break-word{
    word-break: break-word;
}

.reopen-div{ background-color:#F7FDED !important; }

.sr-btn-black {background-color:#233445 ; margin:10px 0px; vertical-align:bottom; border:none; border-radius:4px; color:#FFF; border-bottom:2px solid #1e2c3b; text-align:left;}
.sr-btn-black:hover , .sr-btn-black:focus { background-color:#121b25 ; color:#FFF;}

.sr-btn-green {background-color: #AC4DFF ; margin:10px 0px; vertical-align:bottom; border:none; border-radius:4px; color:#FFF; border-bottom:2px solid #7B00CC; text-align:left;}
.sr-btn-green:hover , .sr-btn-green:focus { background-color:#8329E2 ; color:#FFF;}
.sr-btn-green span{ font-size:16px; vertical-align:middle;  padding:0px 5px; padding-left:0px;}

.sr-btn-orange {background-color:#ED7507 ; margin:10px 0px; vertical-align:bottom; border:none; border-radius:4px; color:#FFF; border-bottom:2px solid #ED7507; text-align:left;}
.sr-btn-orange:hover , .sr-btn-orange:focus { background-color:#ED7507 ; color:#FFF;}

.sr-btn-blue {background-color:#55177f ; margin:10px 0px; vertical-align:bottom; border:none; border-radius:4px; color:#FFF; border-bottom:2px solid #38185b; text-align:left;}
.sr-btn-blue:hover , .sr-btn-blue:focus { background-color:#721faa ; color:#FFF;}
.sr-btn-blue span{ font-size:16px; vertical-align:middle;  padding:0px 5px; padding-left:0px;}
input[type='radio'].pending_filter{margin:15px 0px;}

.unreadtr td, .unreadtr td a{ font-weight: 600 !important; background:#FFF; }
#tbl-pendingitem-grid td a{ line-height: normal; }
.displayreply p {float:none !important;}
.small-last-reply{
    font-size: 12px;
    font-weight: 400;
    color: #363f44;
    line-height: 16px;
    margin: 0px;
}
.remove-margin-add-margin-left-5px{
    margin-left:5px!important; margin-right:0!important;margin-top:0!important;margin-bottom:0!important;
}
.status-flag{
    font-size:13px;
    font-weight: 600;
}
.completetask-sr-btn-success {background-color:#3fcf7f !important; vertical-align:bottom; border:none; color:#FFF !important; text-align:left;}
.natask-sr-btn-success {background-color: #fd5e5e !important; vertical-align:bottom; border:none; color:#FFF !important; text-align:left;}
.fix-btn{
    /*width: 136px;*/
    width: 190px;
    text-align: center;
}
/*new stauff css start*/
.new-stauff .new-stauff-header{ background-color:#fd5e5e; padding:10px 10px; height:40px; float:right; border-top:none; border-bottom:none; border-left:1px solid #444444; border-right:0px solid #444444;border-bottom: 5px solid #e34b4b;}
.new-stauff .new-stauff-header:focus , .new-stauff-header:hover .new-stauff-header:focus, .new-stauff-header:active, .new-stauff-header.active, .open > .dropdown-toggle.new-stauff-header{background-color:#e34b4b ;  border-radius:0px;}
.new-stauff .new-stauff-dropdown-stuff {    background-color: #F28383 !important;border-bottom: 3px solid #e34b4b !important;border-radius: 47px 0px !important;}
.new-stauff .pad-ze {    padding: 12px;}
.new-stauff .border-drop-open {    border: 1px solid #ffffff;}
.new-stauff .new-stauff-dropdown-menu {background-color: transparent !important;box-shadow:none !important;}
.new-stauff .closebut{background-color: #ffffff;    padding: 5px;font-weight: 400;vertical-align: bottom;border: none;border-radius: 50px;color: #F28383;border-bottom: 2px solid #d95151;font-size: 9px;}
.new-stauff .closebut:focus,.closebut:hover{background:#e34b4b ;color:#FFFFFF;}
/*new stauff css end*/


/*breadcrumb  start - 04-12-2015 - ASIC jobs inner tabs */
.innersteps .breadcrumb {
	 cursor:pointer;
     padding:0;
}

.innersteps .breadcrumb li {
	height:50px;
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 14px;
	font-weight:500;
	line-height: 50px;
	color: white;
	padding: 0 10px 0 53px;
	background: #363f44;
	position: relative;
	margin-right:10px;
}
.innersteps .breadcrumb li:first-child {

	border-radius: 5px 0 0 5px;
}
.innersteps .breadcrumb li:first-child:before {
	left: 0px;
}
/*.innersteps .breadcrumb li:last-child {
	border-radius: 0 5px 5px 0;
	padding-right: 20px;
}*/
.innersteps .breadcrumb > .active {
    color: #ffffff;
}
.innersteps .breadcrumb li.active{
	background: #4cbf5c ;
}

.innersteps .breadcrumb li.completed{
	background: #858585;
}

.innersteps .breadcrumb li.completed span{

    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #666565  ;
    padding: 0px 0.5em;
	text-align:center;}
.innersteps .breadcrumb li.active:after, .innersteps .breadcrumb li:hover:after {
	background: #333;
}
.innersteps .breadcrumb li:last-child:after {
	content: none;
}
.flat li, .flat li:after {
	background: #CCC;
	color: #ffffff;
	transition: all 0.5s;
}
.flat li:before {
	background: #1d864a;

}
.innersteps .breadcrumb li.active span{

    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #1d864a ;
    padding: 0px 0.5em;
	text-align:center;}
.innersteps .breadcrumb li.active span:after,li:hover:after,li:focus:after {       border-bottom: 25px solid transparent;
    border-left: 16px solid #1d864a ;
    border-top: 26px solid transparent;

    left: 33px;
    position: absolute;
    top: 0;
}

.innersteps .breadcrumb li span{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #1C1D1E ;
    padding: 0px 0.5em;
	text-align:center;}
.innersteps .breadcrumb li span:after {      border-bottom: 25px solid transparent;
    border-left: 16px solid #1C1D1E ;
    border-top: 26px solid transparent;
    content: "";
    left: 33px;
    position: absolute;
    top: 0;
}

.innersteps .breadcrumb li.completed span:after {      border-bottom: 25px solid transparent;
    border-left: 16px solid #666565 ;
    border-top: 26px solid transparent;
    content: "";
    left: 33px;
    position: absolute;
    top: 0;
}
.brwrap{    word-wrap: break-word;
    width: 8em;
    display: -moz-groupbox;
	    display:groupbox;
    vertical-align: middle;
	color:#ffffff;font-weight:400;
    margin: 5px 0px;
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	}
/*breadcrumb  end*/


.form .clrblue{color: #06F;}
.form .squareblue{ background: #06F; height: 10px; width: 10px; position: absolute; margin-top: 4px;}
.form .squaregray{ background: #363F44; height: 10px; width: 10px; position: absolute; margin-top: 4px;}



/*model popup open from right to left*/
 .rightsidemodel .model-fix-right .animated {
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
         }

         @-webkit-keyframes fadeInRight {
            0% {
               opacity: 0.9;
               -webkit-transform: translateX(50px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateX(0);
            }
         }

         @keyframes fadeInRight {
            0% {
               opacity: 0.9;
               transform: translateX(50px);
            }
            100% {
               opacity: 1;
               transform: translateX(0);
            }
         }

.model-fix-right .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
.model-fix-right .modal-header h2{color:#ffffff;}
.model-fix-right .modal-dialog{margin:0px;height:100%;}
.model-fix-right .modal{padding:0px !important;}
.model-fix-right .modal-content{height:100%;background:#FbFbFb;border:1px solid #2B3A40; border-radius:0px;overflow-y:auto;}
.model-fix-right .modal-header{background:#2B3A40;}
.model-fix-right .close{float:left; text-shadow:0px !important; color:#ffffff;font-size:24px !important;margin-right:10px;text-shadow:none !important;opacity:0.4 !important;}
.model-fix-right .close i{color:#ffffff !important;font-size:24px}
.model-fix-right .fixed-height{height:600px;overflow-x:auto;}
.padding-bottom-20px{ padding-bottom:20px !important;}
.padding-right-7px {padding-right: 7px;}
.select2-highlighted{
    background-color: #503AAA !important;
}
.font-weight-light {font-weight: 500 !important;}
.sr-light-label {
    font-size: 13px;
    margin-bottom: 7px;
}
.flex-display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.form-control-label {
    border:none !important;box-shadow:none !important;padding-left: 0 !important;
}